templateString.js

import { stylish } from 'tiny-stylish-components';

let bg = '#ffffff';
let color = '#ffffff';
let randomColor = () => `#${Array.apply(null, Array(6)).map(el => '0123456789ABCDEF'[Math.floor(Math.random() * 16)]).join('')}`;

const Button = stylish.button`
  background: ${bg};
  color: ${color};
  border: 1px solid ${randomColor()};
  border-radius: 5px;
  width: 100px;
  padding: 5px 10px;
  ${props => props.primary && css`
    background: palevioletred;
    color: white;
  `}
`;

export default () => {
  return <div>
    <Button>Button 🚀</Button>
    <Button primary="true">Button 🚀</Button>
  </div>;
}