sendou.ink/app/components/FormMessage.tsx
2023-01-22 13:40:05 +02:00

24 lines
399 B
TypeScript

import clsx from "clsx";
import * 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>
);
}