button-example.js

import { render } from 'react-dom';
import { Button, ButtonGroup } from 'cf-component-button';
import { StyleProvider } from 'cf-style-provider';


const ButtonComponent = () => (
  <ButtonGroup>
    <Button type="primary" onClick={() => console.log('Clicked One!')}>
      Button One
    </Button>
    <Button type="default" onClick={() => console.log('Clicked Two!')}>
      Button Two
    </Button>
    <Button type="success" onClick={() => console.log('Clicked Three!')}>
      Button Three
    </Button>
  </ButtonGroup>
);

render(
  <StyleProvider
    cssNode={null}
    fontNode={null}
    dev={false}
    selectorPrefix="cf-"
  >
    <ButtonComponent />
  </StyleProvider>,
  document.querySelector('#root')
)