local PANEL = {}

function PANEL:Init()
    Msg("Please Create Me :3")

    /*
        Size / Positioning
    */
    self.iTall = 50;
    self.iWide = 200;
    self.iShadeHeight = 15;
    self.WidthOffSet = 2;
    self.HeightOffSet = 2;
    self.XOffSet = 1;
    self.YOffSet = 1;

    /*
        Cosmetics
    */
    self.BackgroundColor = Color(220,220,220,255);
    self.Color = Color(53,71,242,255);
    self.ShadeColor = Color(53,71,242,220);

    self:SetVisible(true);
end

function PANEL:Paint()
    Msg("Paint ME :3 \n");
    // Button Outline
    surface.DrawOutlinedRect( 0 , 0 , self.iTall , self.iWide , Color( 0 , 0 , 0 , 255 ) );
    // Button Base Background
    surface.DrawRect( 0 + self.XOffSet, 0 + self.YOffSet, self.iWide - self.WidthOffSet , self.iTall - self.HeightOffSet, self.BackgroundColor );
    // Button Main Color
    surface.DrawRect( 0 + self.XOffSet, 0 + self.YOffSet + self.iShadeHeight, self.iWide - self.WidthOffSet, self.iTall - self.iShadeHeight - self.HeightOffSet, self.Color);
    // Button Shade Color
    surface.DrawRect( 0 + self.XOffSet, 0 + self.YOffset, self.iWide - self.WidthOffSet, self.iTall - self.HeightOffSet, self.ShadeColor);
end

function PANEL:PerformLayout()

    self:SetSize(iWide, iTall);
    self:SetPos(0,0)
    Msg("I'm Performing a Layout!")

end

function PANEL:DoClick()
end

vgui.Register("NavigationButton", PANEL, "Panel")