Bulma.Components.Panel

module Bulma.Components.Panel
    exposing
        ( root
        , aBlock
        , divBlock
        , heading
        , icon
        , labelBlock
        , tabs
        )

{-| [Bulma panel component](http://bulma.io/documentation/components/panel/)

@docs root, aBlock, divBlock, heading, icon, labelBlock, tabs

-}

import Bulma.Util exposing (bulmaNode)
import Html exposing (Html, Attribute, div, span)


{-| [`<nav class="panel">`](http://bulma.io/documentation/components/panel/)
-}
root : List (Attribute msg) -> List (Html msg) -> Html msg
root =
    bulmaNode Html.nav "panel"


{-| [`<a class="panel-block">`](http://bulma.io/documentation/components/panel/)
-}
aBlock : List (Attribute msg) -> List (Html msg) -> Html msg
aBlock =
    bulmaNode Html.a "panel-block"


{-| [`<div class="panel-block">`](http://bulma.io/documentation/components/panel/)
-}
divBlock : List (Attribute msg) -> List (Html msg) -> Html msg
divBlock =
    bulmaNode div "panel-block"


{-| [`<p class="panel-heading">`](http://bulma.io/documentation/components/panel/)
-}
heading : List (Attribute msg) -> List (Html msg) -> Html msg
heading =
    bulmaNode Html.p "panel-heading"


{-| [`<span class="panel-icon">`](http://bulma.io/documentation/components/panel/)
-}
icon : List (Attribute msg) -> List (Html msg) -> Html msg
icon =
    bulmaNode span "panel-icon"


{-| [`<label class="panel-block">`](http://bulma.io/documentation/components/panel/)
-}
labelBlock : List (Attribute msg) -> List (Html msg) -> Html msg
labelBlock =
    bulmaNode Html.label "panel-block"


{-| [`<p class="panel-tabs">`](http://bulma.io/documentation/components/panel/)
-}
tabs : List (Attribute msg) -> List (Html msg) -> Html msg
tabs =
    bulmaNode Html.p "panel-tabs"