Bulma.Components.Media

module Bulma.Components.Media
    exposing
        ( root
        , content
        , left
        , right
        )

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

@docs root, content, left, right

-}

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


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


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


{-| [`<figure class="media-left">`](http://bulma.io/documentation/components/media-object/)
-}
left : List (Attribute msg) -> List (Html msg) -> Html msg
left =
    bulmaNode Html.figure "media-left"


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