/components/banner/banner

import { banner } from "@hedia/hexui/components/banner";
import { checkmarkBoldIcon, dangerBoldIcon, infoBoldIcon } from "@hedia/iconly/bold";

export function Default() {
  return [banner("Default banner")];
}

export function Kinds() {
  return [
    banner({ kind: "info" }, "Info banner"),
    banner({ kind: "success" }, "Success banner"),
    banner({ kind: "warning" }, "Warning banner"),
    banner({ kind: "error" }, "Error banner"),
  ];
}

export function WithIcon() {
  return [
    banner({ kind: "info" }, infoBoldIcon(), "This is a development environment."),
    banner({ kind: "success" }, checkmarkBoldIcon(), "User role changed successfully."),
    banner({ kind: "warning" }, dangerBoldIcon(), "Be careful with this action."),
    banner({ kind: "error" }, dangerBoldIcon(), "You don't have permission to do that."),
  ];
}