23 lines
886 B
TypeScript
23 lines
886 B
TypeScript
|
import React from 'react';
|
||
|
|
import { Dialog } from '@/components/elements/dialog/index';
|
||
|
|
import { DialogProps } from '@/components/elements/dialog/Dialog';
|
||
|
|
import { Button } from '@/components/elements/button/index';
|
||
|
|
|
||
|
|
type ConfirmationProps = Omit<DialogProps, 'description' | 'children'> & {
|
||
|
|
children: React.ReactNode;
|
||
|
|
confirm?: string | undefined;
|
||
|
|
onConfirmed: () => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ({ confirm = 'Okay', children, onConfirmed, ...props }: ConfirmationProps) => {
|
||
|
|
return (
|
||
|
|
<Dialog {...props} description={typeof children === 'string' ? children : undefined}>
|
||
|
|
{typeof children !== 'string' && children}
|
||
|
|
<Dialog.Buttons>
|
||
|
|
<Button.Text onClick={props.onClose}>Cancel</Button.Text>
|
||
|
|
<Button.Danger onClick={onConfirmed}>{confirm}</Button.Danger>
|
||
|
|
</Dialog.Buttons>
|
||
|
|
</Dialog>
|
||
|
|
);
|
||
|
|
};
|