import {
  type DialogProps,
  Dialog as RACDialog,
} from 'react-aria-components/Dialog';
import { twMerge } from 'tailwind-merge';

export function Dialog(props: DialogProps) {
  return (
    <RACDialog
      {...props}
      className={twMerge(
        'relative max-h-[inherit] overflow-auto p-6 outline outline-0 [[data-placement]>&]:p-4',
        props.className,
      )}
    />
  );
}