local o=Roact.PureComponent:extend(script.Name)function o.init(o)o:setState({ShouldDisplayDetails=false})end function o.render(o)return new("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(0,0,0),BackgroundTransparency=.7,BorderSizePixel=0,Size=UDim2.new(1,0,0,24),LayoutOrder=o.props.LayoutOrder},{ColorBar=new("\070\114\097\109\101",{BorderSizePixel=0;BackgroundColor3=o.props.ThemeColor,Size=UDim2.new(1,0,0,2)}),OKButton=new("\084\101\120\116\066\117\116\116\111\110",{BackgroundColor3=Color3.fromRGB(0,0,0);BackgroundTransparency=.8,BorderSizePixel=0;AnchorPoint=Vector2.new(0,1),Position=UDim2.new(0,0,1,0);Size=UDim2.new(o.state.ShouldDisplayDetails and 1 or.5,0,0,22);Text="\071\079\084 \073\084",Font=Enum.Font.Gotham;TextSize=10,TextColor3=Color3.fromRGB(255,255,255);[Roact.Event.Activated]=function(T)o.props.OnDismiss()end});DetailsButton=(not o.state.ShouldDisplayDetails or nil)and new("\084\101\120\116\066\117\116\116\111\110",{BackgroundColor3=Color3.fromRGB(0,0,0);BackgroundTransparency=.8;BorderSizePixel=0,AnchorPoint=Vector2.new(0,1),Position=UDim2.new(.5,0,1,0);Size=UDim2.new(.5,0,0,22);Text="\087\072\065\084 \067\065\078 \073 \068\079\063";Font=Enum.Font.Gotham,TextSize=10;TextColor3=Color3.fromRGB(255,255,255),[Roact.Event.Activated]=function(T)o:setState({ShouldDisplayDetails=true})end});ButtonDivider=(not o.state.ShouldDisplayDetails or nil)and new("\070\114\097\109\101",{BackgroundColor3=Color3.fromRGB(0,0,0);BackgroundTransparency=.75,BorderSizePixel=0;Position=UDim2.new(.5,0,1,0),AnchorPoint=Vector2.new(.5,1),Size=UDim2.new(0,1,0,22)}),Text=new("\084\101\120\116\076\097\098\101\108",{BackgroundTransparency=1;Position=UDim2.new(0,0,0,2),Size=UDim2.new(1,0,1,-24);TextWrapped=true;RichText=true,Font=Enum.Font.GothamSemibold,TextColor3=Color3.fromRGB(255,255,255),TextSize=11,TextStrokeTransparency=.9;LineHeight=1,Text=not o.state.ShouldDisplayDetails and o.props.NoticeText or o.props.DetailText,[Roact.Change.TextBounds]=function(o)o.Parent.Size=UDim2.new(1,0,0,((o.TextBounds.Y+29)+22)+2)end})})end return o
-- Create component
local NotificationDialog = Roact.PureComponent:extend(script.Name)

function NotificationDialog:init()
	self:setState({
		ShouldDisplayDetails = false,
	})
end

function NotificationDialog:render()
	return new("Frame", {
		BackgroundColor3 = Color3.fromRGB(0, 0, 0),
		BackgroundTransparency = 0.7,
		BorderSizePixel = 0,
		Size = UDim2.new(1, 0, 0, 22 + 2),
		LayoutOrder = self.props.LayoutOrder,
	}, {
		ColorBar = new("Frame", {
			BorderSizePixel = 0,
			BackgroundColor3 = self.props.ThemeColor,
			Size = UDim2.new(1, 0, 0, 2),
		}),
		OKButton = new("TextButton", {
			BackgroundColor3 = Color3.fromRGB(0, 0, 0),
			BackgroundTransparency = 0.8,
			BorderSizePixel = 0,
			AnchorPoint = Vector2.new(0, 1),
			Position = UDim2.new(0, 0, 1, 0),
			Size = UDim2.new(self.state.ShouldDisplayDetails and 1 or 0.5, 0, 0, 22),
			Text = "GOT IT",
			Font = Enum.Font.Gotham,
			TextSize = 10,
			TextColor3 = Color3.fromRGB(255, 255, 255),
			[Roact.Event.Activated] = function(rbx)
				self.props.OnDismiss()
			end,
		}),
		DetailsButton = (not self.state.ShouldDisplayDetails or nil) and new("TextButton", {
			BackgroundColor3 = Color3.fromRGB(0, 0, 0),
			BackgroundTransparency = 0.8,
			BorderSizePixel = 0,
			AnchorPoint = Vector2.new(0, 1),
			Position = UDim2.new(0.5, 0, 1, 0),
			Size = UDim2.new(0.5, 0, 0, 22),
			Text = "WHAT CAN I DO?",
			Font = Enum.Font.Gotham,
			TextSize = 10,
			TextColor3 = Color3.fromRGB(255, 255, 255),
			[Roact.Event.Activated] = function(rbx)
				self:setState({
					ShouldDisplayDetails = true,
				})
			end,
		}),
		ButtonDivider = (not self.state.ShouldDisplayDetails or nil) and new("Frame", {
			BackgroundColor3 = Color3.fromRGB(0, 0, 0),
			BackgroundTransparency = 0.75,
			BorderSizePixel = 0,
			Position = UDim2.new(0.5, 0, 1, 0),
			AnchorPoint = Vector2.new(0.5, 1),
			Size = UDim2.new(0, 1, 0, 22),
		}),
		Text = new("TextLabel", {
			BackgroundTransparency = 1,
			Position = UDim2.new(0, 0, 0, 2),
			Size = UDim2.new(1, 0, 1, -22 - 2),
			TextWrapped = true,
			RichText = true,
			Font = Enum.Font.GothamSemibold,
			TextColor3 = Color3.fromRGB(255, 255, 255),
			TextSize = 11,
			TextStrokeTransparency = 0.9,
			LineHeight = 1,
			Text = (not self.state.ShouldDisplayDetails) and self.props.NoticeText or self.props.DetailText,
			[Roact.Change.TextBounds] = function(rbx)
				rbx.Parent.Size = UDim2.new(1, 0, 0, rbx.TextBounds.Y + 29 + 22 + 2)
			end,
		}),
	})
end

return NotificationDialog
