Mahyar Khanbolooki
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
'use client';
|
|
|
|
import { BlurredOverlayContainerProps } from '@/components/overlays/BlurredOverlayContainer'
|
|
import Modal from '@/components/utils/Modal'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { Button } from '../ui/button'
|
|
|
|
export type PromptProps = {
|
|
title?: string,
|
|
description?: string,
|
|
textConfirm?: string,
|
|
textCancel?: string,
|
|
onConfirm: React.MouseEventHandler | undefined,
|
|
onCancel: React.MouseEventHandler | undefined,
|
|
children?: React.ReactNode | null
|
|
} & Omit<BlurredOverlayContainerProps, 'children'>
|
|
|
|
function Prompt({ title, description, textConfirm, textCancel, onConfirm, onCancel, visible, onClick, children = null, ...rest }: PromptProps) {
|
|
const { t } = useTranslation('common', {
|
|
keyPrefix: 'DefaultPrompt'
|
|
});
|
|
|
|
return (
|
|
<Modal
|
|
visible={visible}
|
|
onClick={onClick}
|
|
{...rest}
|
|
>
|
|
<h2 className="text-base font-medium">
|
|
{title ?? t('Heading')}
|
|
</h2>
|
|
<p className="text-xs font-medium mt-6">
|
|
{description ?? t('Description')}
|
|
</p>
|
|
{children}
|
|
<div className="grid grid-cols-2 gap-5.5 mt-8">
|
|
<Button onClick={onConfirm} className="text-sm h-11 font-normal cursor-pointer">
|
|
{textConfirm ?? t('ButtonOk')}
|
|
</Button>
|
|
<Button onClick={onCancel} className="bg-disabled! h-11 cursor-pointer text-disabled2! active:brightness-95 hover:brightness-105 text-sm font-normal">
|
|
{textCancel ?? t('ButtonCancel')}
|
|
</Button>
|
|
</div>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default Prompt |