sendou.ink/app/components/FormMessage.tsx
2023-08-26 22:38:11 +03:00

24 lines
405 B
TypeScript

import clsx from "clsx";
import type * as React from "react";
export function FormMessage({
children,
type,
className,
}: {
children: React.ReactNode;
type: "error" | "info";
className?: string;
}) {
return (
<div
className={clsx(
{ "info-message": type === "info", "error-message": type === "error" },
className,
)}
>
{children}
</div>
);
}