import { ReactElement, ReactNode } from "react"; export default function ModalLayout(props: { children: ReactElement }) { return ( <div className="z-overlay fixed inset-y-[10px] left-[10px] right-[10px] overflow-hidden overflow-y-auto rounded-lg border bg-background px-4 sm:left-[calc(10px_+_var(--sidebar-closed-width))] xl:left-[calc(10px_+_var(--sidebar-open-width))]"> {props.children} </div> ); }