<div id="app"></div>

const Button = ({ className = '', ...props }) => {
  const cx =
    'bn f6 dim br2 pv3 ph4 white bg-purple ' + className;

  return <button className={cx} {...props} />;
};

const App = () => (
  <div className="vh-100 flex items-center justify-center">
    <Button>Button Text</Button>
  </div>
);

ReactDOM.render(<App />, document.querySelector('#app'));