local l=Roact.PureComponent:extend(script.Name)function l.init(l)l:setState({ShouldDisplayDetails=false})end function l.render(l)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=l.props.LayoutOrder},{ColorBar=new("\070\114\097\109\101",{BorderSizePixel=0,BackgroundColor3=l.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(l.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(Q)l.props.OnDismiss()end}),DetailsButton=(not l.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(Q)l:setState({ShouldDisplayDetails=true})end});ButtonDivider=(not l.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 l.state.ShouldDisplayDetails and l.props.NoticeText or l.props.DetailText,[Roact.Change.TextBounds]=function(l)l.Parent.Size=UDim2.new(1,0,0,((l.TextBounds.Y+29)+22)+2)end})})end return l

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
