forked from cerc-io/snowballtools-base
52512beaa2
* Consolidate layout pattern * Duplicates cleared * Tsdoc function docs * Excess files * Full types transition * Thorough tsdoc of existing comoponents
36 lines
909 B
TypeScript
36 lines
909 B
TypeScript
import ConfirmDialog, {
|
|
ConfirmDialogProps,
|
|
} from '@/components/shared/ConfirmDialog';
|
|
|
|
interface DeleteVariableDialogProps extends ConfirmDialogProps {
|
|
variableKey: string;
|
|
}
|
|
|
|
export const DeleteVariableDialog = ({
|
|
variableKey,
|
|
open,
|
|
handleCancel,
|
|
handleConfirm,
|
|
...props
|
|
}: DeleteVariableDialogProps) => {
|
|
return (
|
|
<ConfirmDialog
|
|
{...props}
|
|
dialogTitle="Delete variable"
|
|
handleCancel={handleCancel}
|
|
open={open}
|
|
confirmButtonTitle="Yes, confirm delete"
|
|
handleConfirm={handleConfirm}
|
|
confirmButtonProps={{ variant: 'destructive' }}
|
|
>
|
|
<p className="text-elements-mid-em text-sm">
|
|
Are you sure you want to delete the variable{' '}
|
|
<span className="text-sm font-mono text-elements-on-secondary bg-controls-secondary rounded px-0.5">
|
|
{variableKey}
|
|
</span>
|
|
?
|
|
</p>
|
|
</ConfirmDialog>
|
|
);
|
|
};
|