'use client';

import { Textarea } from '@/components/ui/textarea';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';

interface OrderMemoCardProps {
  memo: string;
  isViewMode: boolean;
  onMemoChange: (value: string) => void;
}

export function OrderMemoCard({ memo, isViewMode, onMemoChange }: OrderMemoCardProps) {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="text-lg">비고</CardTitle>
      </CardHeader>
      <CardContent>
        <Textarea
          value={memo}
          onChange={(e) => onMemoChange(e.target.value)}
          disabled={isViewMode}
          rows={4}
          placeholder="비고를 입력하세요"
        />
      </CardContent>
    </Card>
  );
}