mirror of
https://github.com/sussy-code/smov.git
synced 2024-12-24 15:17:41 +01:00
f715f70f9e
Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>
28 lines
707 B
TypeScript
28 lines
707 B
TypeScript
import { Icon, Icons } from "@/components/Icon";
|
|
import { useBanner } from "@/hooks/useBanner";
|
|
|
|
export function Banner(props: { children: React.ReactNode; type: "error" }) {
|
|
const [ref] = useBanner<HTMLDivElement>("internet");
|
|
const styles = {
|
|
error: "bg-[#C93957] text-white",
|
|
};
|
|
const icons = {
|
|
error: Icons.CIRCLE_EXCLAMATION,
|
|
};
|
|
|
|
return (
|
|
<div ref={ref}>
|
|
<div
|
|
className={[
|
|
styles[props.type],
|
|
"flex items-center justify-center p-1",
|
|
].join(" ")}
|
|
>
|
|
<div className="flex items-center space-x-3">
|
|
<Icon icon={icons[props.type]} />
|
|
<div>{props.children}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|