import React from "react";
import css from "./css.js";

export default ({ red, children }) => (
  <div className={`example ${red ? "red" : ""}`}>
    {children}
  </div>
);

css`
  .example {
    color: blue;
  }

  .example.red {
    color: red;
  }
`;