import type { FC } from "hono/jsx";

interface ErrorDisplayProps {
  message: string;
  detail?: string;
}

export const ErrorDisplay: FC<ErrorDisplayProps> = ({ message, detail }) => (
  <div class="error-display">
    <p class="error-display__message">{message}</p>
    {detail && <p class="error-display__detail">{detail}</p>}
  </div>
);