local z=script.Parent local y=z.Parent.Packages local C=require(y.Roact)local v=C.createElement return function(z)return v("\070\114\097\109\101",{AutomaticSize=Enum.AutomaticSize.Y,BackgroundColor3=Color3.fromRGB(0,0,0),BackgroundTransparency=.4;BorderSizePixel=0;Size=UDim2.fromScale(1,0);AutoLocalize=false},{content=v("\070\114\097\109\101",{AutomaticSize=Enum.AutomaticSize.Y,BackgroundColor3=Color3.fromRGB(255,255,255);BackgroundTransparency=1;LayoutOrder=1;Size=UDim2.fromScale(1,0)},z[C.Children]),uIListLayout=v("\085\073\076\105\115\116\076\097\121\111\117\116",{SortOrder=Enum.SortOrder.LayoutOrder;VerticalAlignment=Enum.VerticalAlignment.Bottom});header=v("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(0,0,0),BackgroundTransparency=1;BorderColor3=Color3.fromRGB(27,42,53),BorderSizePixel=0,Size=UDim2.new(1,0,0,25)},{fill=v("\067\097\110\118\097\115\071\114\111\117\112",{GroupColor3=Color3.fromRGB(0,0,0),GroupTransparency=.5;BackgroundColor3=Color3.fromRGB(255,255,255);BackgroundTransparency=1,BorderSizePixel=0;Size=UDim2.fromScale(1,1),ZIndex=0},{corner=v("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(255,255,255);Size=UDim2.new(1,0,0,35)},{uICorner=v("\085\073\067\111\114\110\101\114",{CornerRadius=UDim.new(0,4)}),cornerFilling=v("\070\114\097\109\101",{AnchorPoint=Vector2.new(0,1),BackgroundColor3=Color3.fromRGB(255,255,255);BorderSizePixel=0,Position=UDim2.fromScale(0,1),Size=UDim2.new(1,0,0,5)})})}),wrapper=v("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(255,255,255);BackgroundTransparency=1;Size=UDim2.fromScale(1,1)},{uIPadding=v("\085\073\080\097\100\100\105\110\103",{PaddingBottom=UDim.new(0,5),PaddingLeft=UDim.new(0,5),PaddingRight=UDim.new(0,5),PaddingTop=UDim.new(0,5)});left=v("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(255,255,255),BackgroundTransparency=1,Size=UDim2.fromScale(1,1)},{icon=z.Image and v("\073\109\097\103\101\076\097\098\101\108",{Image=z.Image;BackgroundColor3=Color3.fromRGB(255,255,255),BackgroundTransparency=1;BorderSizePixel=0;Position=UDim2.fromOffset(5,5);Size=UDim2.fromOffset(16,16);ZIndex=10,AutoLocalize=false});title=v("\084\101\120\116\076\097\098\101\108",{FontFace=Font.fromEnum(Enum.Font.SourceSansBold);Text=z.TitleText,TextColor3=Color3.fromRGB(255,255,255);TextSize=14;TextStrokeColor3=Color3.fromRGB(90,90,90);TextWrapped=true;TextXAlignment=Enum.TextXAlignment.Left,BackgroundTransparency=1,BorderSizePixel=0;Position=UDim2.fromOffset(30,8);Size=UDim2.new(1,-60,0,15);ZIndex=10;AutoLocalize=false});uIListLayout1=v("\085\073\076\105\115\116\076\097\121\111\117\116",{Padding=UDim.new(0,5);FillDirection=Enum.FillDirection.Horizontal;SortOrder=Enum.SortOrder.LayoutOrder;VerticalAlignment=Enum.VerticalAlignment.Center})}),right=v("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(255,255,255),BackgroundTransparency=1;Size=UDim2.fromScale(1,1)},{close=v("\084\101\120\116\066\117\116\116\111\110",{FontFace=Font.fromEnum(Enum.Font.FredokaOne),Text="\120",TextColor3=Color3.fromRGB(255,255,255);TextSize=19,TextWrapped=true;BackgroundColor3=Color3.fromRGB(195,33,35),BackgroundTransparency=1;BorderSizePixel=0,Position=UDim2.new(1,-25,0,5),Size=UDim2.fromOffset(12,12),ZIndex=10;AutoLocalize=false;[C.Event.Activated]=z.OnClose}),uIListLayout2=v("\085\073\076\105\115\116\076\097\121\111\117\116",{Padding=UDim.new(0,5);FillDirection=Enum.FillDirection.Horizontal,HorizontalAlignment=Enum.HorizontalAlignment.Right;SortOrder=Enum.SortOrder.LayoutOrder})})})});uICorner1=v("\085\073\067\111\114\110\101\114",{CornerRadius=UDim.new(0,4)})})end
-- Notification: Ported from roblox studio using codify plugin due to complexity, work on a better component soon

local Components = script.Parent
local Packages = Components.Parent.Packages

local Roact = require(Packages.Roact)
local new = Roact.createElement

return function (props)

	return new("Frame", {
		AutomaticSize = Enum.AutomaticSize.Y,
		BackgroundColor3 = Color3.fromRGB(0, 0, 0),
		BackgroundTransparency = 0.4,
		BorderSizePixel = 0,
		Size = UDim2.fromScale(1, 0),
		AutoLocalize = false,
	}, {
		content = new("Frame", {
			AutomaticSize = Enum.AutomaticSize.Y,
			BackgroundColor3 = Color3.fromRGB(255, 255, 255),
			BackgroundTransparency = 1,
			LayoutOrder = 1,
			Size = UDim2.fromScale(1, 0),
		}, props[Roact.Children]),

		uIListLayout = new("UIListLayout", {
			SortOrder = Enum.SortOrder.LayoutOrder,
			VerticalAlignment = Enum.VerticalAlignment.Bottom,
		}),

		header = new("Frame", {
			BackgroundColor3 = Color3.fromRGB(0, 0, 0),
			BackgroundTransparency = 1,
			BorderColor3 = Color3.fromRGB(27, 42, 53),
			BorderSizePixel = 0,
			Size = UDim2.new(1, 0, 0, 25),
		}, {
			fill = new("CanvasGroup", {
				GroupColor3 = Color3.fromRGB(0, 0, 0),
				GroupTransparency = 0.5,
				BackgroundColor3 = Color3.fromRGB(255, 255, 255),
				BackgroundTransparency = 1,
				BorderSizePixel = 0,
				Size = UDim2.fromScale(1, 1),
				ZIndex = 0,
			}, {
				corner = new("Frame", {
					BackgroundColor3 = Color3.fromRGB(255, 255, 255),
					Size = UDim2.new(1, 0, 0, 35),
				}, {
					uICorner = new("UICorner", {
						CornerRadius = UDim.new(0, 4),
					}),

					cornerFilling = new("Frame", {
						AnchorPoint = Vector2.new(0, 1),
						BackgroundColor3 = Color3.fromRGB(255, 255, 255),
						BorderSizePixel = 0,
						Position = UDim2.fromScale(0, 1),
						Size = UDim2.new(1, 0, 0, 5),
					}),
				}),
			}),

			wrapper = new("Frame", {
				BackgroundColor3 = Color3.fromRGB(255, 255, 255),
				BackgroundTransparency = 1,
				Size = UDim2.fromScale(1, 1),
			}, {
				uIPadding = new("UIPadding", {
					PaddingBottom = UDim.new(0, 5),
					PaddingLeft = UDim.new(0, 5),
					PaddingRight = UDim.new(0, 5),
					PaddingTop = UDim.new(0, 5),
				}),

				left = new("Frame", {
					BackgroundColor3 = Color3.fromRGB(255, 255, 255),
					BackgroundTransparency = 1,
					Size = UDim2.fromScale(1, 1),
				}, {
					icon = props.Image and new("ImageLabel", {
						Image = props.Image,
						BackgroundColor3 = Color3.fromRGB(255, 255, 255),
						BackgroundTransparency = 1,
						BorderSizePixel = 0,
						Position = UDim2.fromOffset(5, 5),
						Size = UDim2.fromOffset(16, 16),
						ZIndex = 10,
						AutoLocalize = false,
					}),

					title = new("TextLabel", {
						FontFace = Font.fromEnum(Enum.Font.SourceSansBold),
						Text = props.TitleText,
						TextColor3 = Color3.fromRGB(255, 255, 255),
						TextSize = 14,
						TextStrokeColor3 = Color3.fromRGB(90, 90, 90),
						TextWrapped = true,
						TextXAlignment = Enum.TextXAlignment.Left,
						BackgroundTransparency = 1,
						BorderSizePixel = 0,
						Position = UDim2.fromOffset(30, 8),
						Size = UDim2.new(1, -60, 0, 15),
						ZIndex = 10,
						AutoLocalize = false,
					}),

					uIListLayout1 = new("UIListLayout", {
						Padding = UDim.new(0, 5),
						FillDirection = Enum.FillDirection.Horizontal,
						SortOrder = Enum.SortOrder.LayoutOrder,
						VerticalAlignment = Enum.VerticalAlignment.Center,
					}),
				}),

				right = new("Frame", {
					BackgroundColor3 = Color3.fromRGB(255, 255, 255),
					BackgroundTransparency = 1,
					Size = UDim2.fromScale(1, 1),
				}, {
					close = new("TextButton", {
						FontFace = Font.fromEnum(Enum.Font.FredokaOne),
						Text = "x",
						TextColor3 = Color3.fromRGB(255, 255, 255),
						TextSize = 19,
						TextWrapped = true,
						BackgroundColor3 = Color3.fromRGB(195, 33, 35),
						BackgroundTransparency = 1,
						BorderSizePixel = 0,
						Position = UDim2.new(1, -25, 0, 5),
						Size = UDim2.fromOffset(12, 12),
						ZIndex = 10,
						AutoLocalize = false,
						[Roact.Event.Activated] = props.OnClose,
					}),

					uIListLayout2 = new("UIListLayout", {
						Padding = UDim.new(0, 5),
						FillDirection = Enum.FillDirection.Horizontal,
						HorizontalAlignment = Enum.HorizontalAlignment.Right,
						SortOrder = Enum.SortOrder.LayoutOrder,
					}),
				}),
			}),
		}),

		uICorner1 = new("UICorner", {
			CornerRadius = UDim.new(0, 4),
		}),
	})
end
