# Copper UI

Modern React UI components library with TypeScript support, built on top of Ant Design.

## Installation

```bash
npm install copper-ui
```

## Peer Dependencies

Make sure you have these peer dependencies installed:

```bash
npm install react react-dom @types/node class-variance-authority clsx nuqs
```

## Usage

### Table Component

```tsx
import { Table, useTableStates } from 'copper-ui';
import 'copper-ui/dist/copper-ui.css';

function MyComponent() {
  const tableStates = useTableStates();
  
  return (
    <Table
      data={yourData}
      columns={yourColumns}
      {...tableStates}
    />
  );
}
```

### Conditional Rendering Component

```tsx
import { If } from 'copper-ui';

function MyComponent() {
  return (
    <If condition={someCondition}>
      <div>This will render only if condition is true</div>
    </If>
  );
}
```

## Components

- **Table** - Advanced data table with sorting, filtering, and pagination
- **FilterTags** - Filter tags for table component
- **If** - Conditional rendering component
- **useTableStates** - Hook for managing table state

## Development

```bash
# Install dependencies
npm install

# Start development server
npm run dev

# Build library
npm run build

# Run Storybook
npm run storybook
```

## License

MIT