import React from 'react';
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/Components/ui/card";
import { Textarea } from "@/Components/ui/textarea";
import { Label } from "@/Components/ui/label";
import { useTranslation } from '@/hooks/useTranslation';

export const PoliciesInfo = ({ data, setData }) => {
    const { t } = useTranslation();

    return (
        <Card className="shadow-sm border-orange-500/20">
            <CardHeader>
                <CardTitle>{t('Refund & Returns Policy')}</CardTitle>
                <CardDescription>{t('Clearly state your terms to avoid disputes.')}</CardDescription>
            </CardHeader>
            <CardContent>
                <div className="space-y-2">
                    <Label>{t('Standard Policy Details')}</Label>
                    <Textarea 
                        placeholder={t('e.g., Returns accepted within 30 days if product is defective...')} 
                        value={data.refund_policy} 
                        onChange={e => setData('refund_policy', e.target.value)} 
                        className="min-h-[100px] resize-y"
                    />
                </div>
            </CardContent>
        </Card>
    );
};