/components/button/round

import { button } from "@hedia/hexui/components/button";
import {
  checkmarkOutlineIcon,
  chevLeftOutlineIcon,
  closeOutlineIcon,
  dangerOutlineIcon,
  deleteOutlineIcon,
} from "@hedia/iconly/outline";

export function Default() {
  return [
    button({ shape: "round", kind: "primary" }, checkmarkOutlineIcon()),
    button({ shape: "round", kind: "secondary" }, closeOutlineIcon()),
    button({ shape: "round", kind: "danger" }, dangerOutlineIcon()),
    button({ shape: "round", kind: "secondary-danger" }, deleteOutlineIcon()),
    button({ shape: "round", kind: "plain" }, chevLeftOutlineIcon()),
  ];
}

export function Disabled() {
  return [
    button({ shape: "round", kind: "primary", disabled: true }, checkmarkOutlineIcon()),
    button({ shape: "round", kind: "secondary", disabled: true }, closeOutlineIcon()),
    button({ shape: "round", kind: "danger", disabled: true }, dangerOutlineIcon()),
    button({ shape: "round", kind: "secondary-danger", disabled: true }, deleteOutlineIcon()),
    button({ shape: "round", kind: "plain", disabled: true }, chevLeftOutlineIcon()),
  ];
}