import { Box, Button } from 'audora-ui'

const MyComponent = () => (
  <Box>
    <Button onClick={() => alert('Button was clicked!')} variant="primary">
      Click
    </Button>
  </Box>
)

import { Theme } from 'audora-ui'

const themeConfig = {
  colors: {
    primary: ['#333333', '#222222'],
  },
}

const MyApplication = () => (
  <ThemeProvider theme={themeConfig}>
    <Button
      content="Click"
      onClick={() => alert('Button was clicked!')}
      type="primary"
    />
  </ThemeProvider>
)