You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
442 B
19 lines
442 B
import { type ReactNode } from "react";
|
|
|
|
interface WarningBannerProps {
|
|
children: ReactNode;
|
|
action?: ReactNode;
|
|
}
|
|
|
|
export function WarningBanner({ children, action }: WarningBannerProps) {
|
|
return (
|
|
<div
|
|
role="status"
|
|
className="flex flex-wrap items-start justify-between gap-3 rounded-md border-l-4 border-warning bg-amber-50 p-4 text-sm text-warning"
|
|
>
|
|
<div>{children}</div>
|
|
{action}
|
|
</div>
|
|
);
|
|
}
|