import type { DialogProps } from '../components/core/Dialog';
import { useDialog } from '../components/DialogContext';
import type { AlertProps } from './Alert';
import { Alert } from './Alert';

export function useAlert() {
  const dialog = useDialog();
  return ({ title, body }: { title: DialogProps['title']; body: AlertProps['body'] }) =>
    dialog.show({
      title,
      hideX: true,
      size: 'sm',
      render: ({ hide }) => Alert({ onHide: hide, body }),
    });
}