sendou.ink/app/components/FormMessage.tsx
2022-07-30 10:35:15 +03:00

24 lines
404 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>
);
}