import * as React from "react";
import { TriangleAlertIcon } from "lucide-react";
import { FormStatus } from "./FormStatus";

interface FormErrorProps {
  message?: string;
}

export const FormError = ({ message }: FormErrorProps) => {
  return (
    <FormStatus message={message} variant="error">
      <TriangleAlertIcon className="h-4 w-4" />
    </FormStatus>
  );
};