/components/button/large

import { button } from "@hedia/hexui/components/button";

export function Default() {
  return [
    button({ kind: "primary" }, "Primary"),
    button({ kind: "secondary" }, "Secondary"),
    button({ kind: "danger" }, "Danger"),
    button({ kind: "secondary-danger" }, "Secondary Danger"),
    button({ kind: "plain" }, "Plain"),
  ];
}

export function Disabled() {
  return [
    button({ kind: "primary", disabled: true }, "Primary"),
    button({ kind: "secondary", disabled: true }, "Secondary"),
    button({ kind: "danger", disabled: true }, "Danger"),
    button({ kind: "secondary-danger", disabled: true }, "Secondary Danger"),
    button({ kind: "plain", disabled: true }, "Plain"),
  ];
}