# Dialog

A modal dialog component for displaying overlay content.

---

## Installation

```bash
npm install @cleartrip/ct-design-dialog
# or
pnpm add @cleartrip/ct-design-dialog
```

### Peer dependencies

```bash
# Required for all targets
npm install react

# Web only
npm install react-dom

# React Native only
npm install react-native
```

---

## Usage

### Basic

```tsx
import { Dialog } from '@cleartrip/ct-design-dialog';

function Example() {
  return (
    <Dialog>
      {/* Basic usage */}
    </Dialog>
  );
}
```

---

## DialogAlignmentTypes

- `ROW` — row
- `COLUMN` — column
---

## DialogTypes

- `SUCCESS` — link
- `WARNING` — warning
---

## Accessibility

- The component follows accessibility best practices
- Ensure proper ARIA attributes are provided where needed
- Test with screen readers to ensure usability

---

## Migration

If migrating from a previous version:

```diff
- import { Dialog } from 'yagami/core/components';
+ import { Dialog } from '@cleartrip/ct-design-dialog';
```