import React from 'react';

type BaseProps = {
  children?: React.ReactNode;
  className?: string;
};

type DialogProps = BaseProps & {
  open?: boolean;
  onOpenChange?: (open: boolean) => void;
};

export const Dialog: React.FC<DialogProps> = ({ children }) => {
  return <div>{children}</div>;
};

export const DialogContent: React.FC<BaseProps> = ({ children, className }) => {
  return <div className={className}>{children}</div>;
};

export const DialogHeader: React.FC<BaseProps> = ({ children }) => {
  return <div>{children}</div>;
};

export const DialogTitle: React.FC<BaseProps> = ({ children }) => {
  return <h3>{children}</h3>;
};

export const DialogFooter: React.FC<BaseProps> = ({ children }) => {
  return <div>{children}</div>;
};


