31 lines
903 B
TypeScript
31 lines
903 B
TypeScript
'use client'
|
|
import React from 'react'
|
|
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/dialog'
|
|
|
|
export default function DialogWrapper({
|
|
title,
|
|
description,
|
|
form,
|
|
open,
|
|
onOpenChange,
|
|
|
|
}: {
|
|
title: string,
|
|
description?: string,
|
|
form: React.ReactNode,
|
|
open: boolean,
|
|
onOpenChange: (open: boolean) => void
|
|
}) {
|
|
return (
|
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
<DialogContent onOpenAutoFocus={(e) => e.preventDefault()} className="max-h-[90vh] overflow-y-auto w-full max-w-3xl">
|
|
<DialogHeader>
|
|
<DialogTitle>{title}</DialogTitle>
|
|
<DialogDescription>{description}</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="space-y-4">{form}</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
)
|
|
}
|