import { Gear } from "@/components/ui/icons";
import { cn } from "@/lib/utils";

type DataFetchingErrorMessageProps = {
  className?: string;
  error: string;
};

const DataFetchingErrorMessage = ({ className, error }: DataFetchingErrorMessageProps) => {
  return (
    <div className={cn("text-center flex flex-col items-center gap-4 leading-[1.3] py-12", className)}>
      <Gear className="w-[min(90%,12.5rem)] inline-block fill-contigo-verde" />
      {error}
    </div>
  );
};

export default DataFetchingErrorMessage;