module Styles exposing (..)

import Css exposing (..)
import Css.Global exposing (global, selector)
import Html
import Html.Styled exposing (..)


styledButton : List (Attribute msg) -> List (Html msg) -> Html msg
styledButton =
    styled
        button
        [ margin (px 12)
        , color (hex "#000")
        , fontFamily monospace
        , backgroundColor (hex "#ddd")
        , border (px 0)
        , borderRadius (px 4)
        , padding (px 12)
        ]


styledInput : List (Attribute msg) -> List (Html msg) -> Html msg
styledInput =
    styled
        input
        [ margin (px 12)
        , color (hex "#000")
        , fontFamily monospace
        , backgroundColor (hex "#eee")
        , border (px 0)
        , borderRadius (px 4)
        , padding (px 12)
        ]


styledListItem : List (Attribute msg) -> List (Html msg) -> Html msg
styledListItem =
    styled
        li
        [ display inline
        ]


styledUnorderedList : List (Attribute msg) -> List (Html msg) -> Html msg
styledUnorderedList =
    styled
        ul
        [ listStyle Css.none
        , padding (px 0)
        ]


styledTextBox : List (Attribute msg) -> List (Html msg) -> Html msg
styledTextBox =
    styled
        div
        [ margin (px 12)
        , color (hex "#000")
        , fontFamily monospace
        , backgroundColor (hex "#eee")
        , border (px 0)
        , borderRadius (px 4)
        , padding (px 12)
        , width (px 500)
        , display inlineBlock
        ]


actionContainer : List (Attribute msg) -> List (Html msg) -> Html msg
actionContainer =
    styled
        div
        [ padding (px 12)
        , width (pct 100)
        ]