# @paydeuk/payment-modal

Paydeuk 결제 모듈 React 컴포넌트

## 설치

```bash
npm install @paydeuk/payment-modal
```

또는

```bash
yarn add @paydeuk/payment-modal
```

## 사용법

```jsx
import React from 'react';
import { PaymentModal } from '@paydeuk/payment-modal';

function App() {
  const paymentInfo = {
    merchantName: '상점명',
    productName: '상품명',
    quantity: 1,
    price: 10000,
    totalAmount: 10000,
    orderId: 'ORDER1234',
  };

  const handlePaymentComplete = () => {
    // 결제 완료 후 처리
    alert('결제가 완료되었습니다!');
  };

  return <PaymentModal paymentInfo={paymentInfo} onPaymentComplete={handlePaymentComplete} />;
}

export default App;
```

## Props

| 이름              | 타입     | 필수 | 설명                   |
| ----------------- | -------- | ---- | ---------------------- |
| paymentInfo       | object   | O    | 결제 정보 객체         |
| onPaymentComplete | function | X    | 결제 완료 시 콜백 함수 |

### paymentInfo 객체 구조

| 필드명       | 타입   | 필수 | 설명        |
| ------------ | ------ | ---- | ----------- |
| merchantName | string | O    | 상점명      |
| productName  | string | O    | 상품명      |
| quantity     | number | O    | 수량        |
| price        | number | O    | 단가        |
| totalAmount  | number | O    | 총 결제금액 |
| orderId      | string | O    | 주문번호    |

## 스타일

- Tailwind CSS 기반으로 스타일링되어 있습니다.
- 프로젝트에 Tailwind CSS가 적용되어 있어야 합니다.

## 라이선스

MIT