use styled-components from npm with shadow-cljs and hx

notes.md

1. Install styled-components

npm install --save styled-components

2. Require in your namespace

["styled-components" :default styled]

3. Create a styled component

(def h1-template (styled "h1"))
(def red-h1 (h1-template [] "color: red"))

4. Use as a hx component

(hx/f [red-h1 "cool"])

5. Possible improvements

• macro the template fn in step 3
• accept clojure maps instead of string styles