import { Clipboard } from '@phosphor-icons/react';
import { ReactNode } from 'react';
import { useZodForm } from '@sd/client';
import { Button, Dialog, dialogManager, Input, useDialog, UseDialogProps } from '@sd/ui';
import { useLocale } from '~/hooks';
interface Props extends UseDialogProps {
title: string; // dialog title
description?: string; // description of the dialog
children?: ReactNode; // dialog content
value?: string; // value to be displayed as text or in an input box
label?: string; // button label
inputBox?: boolean; // whether the dialog should display the `value` in a disabled input box or as text
cancelBtn?: boolean; // whether the dialog should have a cancel button
}
const AlertDialog = (props: Props) => {
const { t } = useLocale();
// maybe a copy-to-clipboard button would be beneficial too
return (
);
};
export function showAlertDialog(props: Omit) {
dialogManager.create((dp) => );
}