interface DocumentErrorProps {
  title?: string;
  message: string;
}

export const DocumentError = ({
  title = "Error",
  message,
}: DocumentErrorProps) => {
  return (
    <div className="p-4 bg-ctp-surface0 border border-ctp-red rounded-lg">
      <h2 className="text-lg font-semibold text-ctp-red mb-2">{title}</h2>
      <p className="text-ctp-text">{message}</p>
    </div>
  );
};