local w=require(script.Parent.Parent.Parent.roblox_packages.vide)local p=require(script.Parent.Parent.components.background)local r=require(script.Parent.Parent.components.container)local q=require(script.Parent.Parent.components.padding)local N=require(script.Parent.Parent.components.tabs)local u=require(script.Parent.Parent.components.text)local k=w.source return function(I)return w.mount(function()local w=k(1)return r({N({selected=w;update_selected=w,{name="\072\111\109\101";child=function()return p({q({padding=UDim.new(0,8)}),u({Text="\072\111\109\101"})})end};{name="\071\114\097\112\104",child=function()return p({q({padding=UDim.new(0,8)});u({Text="\071\114\097\112\104"})})end},{name="\073\110\115\116\097\110\099\101\115";child=function()return p({q({padding=UDim.new(0,8)});u({Text="\085\073"})})end};{name="\068\101\098\117\103",child=function()return p({q({padding=UDim.new(0,8)});u({Text="\068\101\098\117\103"})})end}}),q({padding=UDim.new(0,8),bottom=UDim.new(0,80)})})end,I)end
local vide = require(script.Parent.Parent.Parent.roblox_packages.vide)
local background = require(script.Parent.Parent.components.background)
local container = require(script.Parent.Parent.components.container)
local padding = require(script.Parent.Parent.components.padding)
local tabs = require(script.Parent.Parent.components.tabs)
local text = require(script.Parent.Parent.components.text)

local source = vide.source

return function(target)

	return vide.mount(function()
		local selected = source(1)
		
		return container {

			tabs {
				selected = selected,
				update_selected = selected,
	
				{
					name = "Home",
					child = function()
						return background {
							padding {
								padding = UDim.new(0, 8)
							},
							text {
								Text = "Home"
							}
						}
					end
				},
				{
					name = "Graph",
					child = function()
						return background {
							padding {
								padding = UDim.new(0, 8)
							},
							text {
								Text = "Graph"
							}
						}
					end
				},
				{
					name = "Instances",
					child = function()
						return background {
							padding {
								padding = UDim.new(0, 8)
							},
							text {
								Text = "UI"
							}
						}
					end
				},
				{
					name = "Debug",
					child = function()
						return background {
							padding {
								padding = UDim.new(0, 8)
							},
							text {
								Text = "Debug"
							}
						}
					end
				}
			},

			padding {
				padding = UDim.new(0, 8),
				bottom = UDim.new(0, 80)
			}

		}
	end, target)

end