import { CircleAlertIcon } from "lucide-react";

type ErrorProps = {
  message?: string;
};

export function Error({ message }: ErrorProps) {
  return (
    <div className="rounded-md border border-red-500/50 px-4 py-3 text-red-600">
      <p className="text-sm">
        <CircleAlertIcon
          className="me-3 -mt-0.5 inline-flex opacity-60"
          size={16}
          aria-hidden="true"
        />
        {message ?? "An unknown error occurred."}
      </p>
    </div>
  );
}