import AnimatedBottomSheet from '@/components/bottomsheet/AnimatedBottomSheet';
import Button from '@/components/button/PrimaryButton';

interface ConfirmPositionModalProps {
    visible: boolean;
    onConfirm: () => void;
    onCancel: () => void;
}

export const ConfirmPositionModal = ({
    visible,
    onConfirm,
    onCancel,
}: ConfirmPositionModalProps) => {
    return (
        <AnimatedBottomSheet
            bgOpacity={0}
            inDuration={0}
            blurOpacity={null}
            noBlur
            visible={visible}
            showCloseButton={false}
            showTitle={false}
            overrideClassName='!pt-6 bg-container!'
        >
            <div className='grid grid-cols-2 gap-4 px-4'>
                <Button onClick={onConfirm}>
                    انتخاب
                </Button>
                <Button
                    onClick={onCancel}
                    className='bg-disabled! text-foreground!'
                >
                    انصراف
                </Button>
            </div>
        </AnimatedBottomSheet>
    );
};

