# Dock

An implementation of the MacOS dock using react + tailwindcss + framer motion

## Installation

```

```

## Examples

### Custom Direction

```

```

### Custom magnification

```

```

## Usage

```

```

## Props

### Dock

| Prop                 | Type     | Default | Description                                   |
|----------------------|----------|---------|-----------------------------------------------|
| `className`         | `string` | `-`     | Custom CSS class for styling                   |
| `children`          | `ReactNode` | `-`  | Children elements                              |
| `iconSize`          | `number` | `40`    | Size of the icon                              |
| `iconMagnification` | `number` | `60`    | Level of icon magnification                   |
| `iconDistance`      | `number` | `140`   | Distance from cursor to magnify icon          |
| `direction`         | `string` | `