# @based/ui

## Usage

```tsx
import '@based/ui/dist/global.css'
import { useState } from 'react'
import { Provider, Text, Button } from '@based/ui'

function App() {
  const [count, setCount] = useState(0)

  return (
    <Provider>
      <Text color="orange100">Count is {count}</Text>
      <Button
        onClick={() => {
          setCount((count) => count + 1)
        }}
      >
        Add
      </Button>
    </Provider>
  )
}

export default App
```