module Examples.Heading exposing (example)

{-|

@docs example

-}

import Css
import Html.Styled as Html
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading


{-| -}
example : ModuleExample msg
example =
    { name = "Nri.Ui.Heading.V2"
    , category = Text
    , content =
        [ Heading.h1 [] [ Html.text "This is the main page heading." ]
        , Heading.h2 [] [ Html.text "This is a tagline" ]
        , Heading.h3 [] [ Html.text "This is a subHeading" ]
        , Heading.h4 [] [ Html.text "This is a smallHeading" ]
        , Heading.h2 [ Heading.style Heading.Top ]
            [ Html.text "Heading.h2 [ Heading.style Heading.Top ]" ]
        , Heading.h2 [ Heading.css [ Css.color Colors.highlightPurpleDark ] ]
            [ Html.text "Heading.h2 [ Heading.css [ Css.color Colors.highlightPurpleDark ] ]" ]
        ]
    }