title: Error with styled component in view of ELM app
body: <p>cant understand how to use imported styled component in View module. here is the component itself:</p>
  
  <pre><code>module Logo exposing (logo)
  
  import Css exposing (..)
  import Html
  import Html.Styled exposing (..)
  import Html.Styled.Attributes exposing (css, src)
  
  theme : { secondary : Color, primary : Color }
  theme =
      { primary = hex "55af6a"
      , secondary = rgb 250 240 230
      }
  
  logo : Html msg
  logo =
    img
      [ src "logo.png"
      , css
          [ display inlineBlock
          , padding (px 20)
          , border3 (px 5) solid (rgb 120 120 120)
          , hover
              [ borderColor theme.primary
              , borderRadius (px 10)
              ]
          ]
      ]
      []
  </code></pre>
  
  <p>and here is where I want to use it:</p>
  
  <pre><code>view : Model -&gt; Html Msg
  view model =
    div [] [
      div [] [
        div [] [
          button
            [ onClick { operation = "INCREMENT", data = "Already clicked!" } ]
            [ text model.title ]
        ],
        div [] [
          logo
        ]
      ]
    ]
  </code></pre>
  
  <p>the error ELM shows me after compile is "Function <code>div</code> is expecting the 2nd argument to be:
  List (Html msg)
  But it is:
  List (Html.Styled.Html msg)"</p>
  
  <p>how can I use styled component in other components ? and what is the problem ?</p>