import type { JSX } from "solid-js";

interface StackPillProps {
  accent?: boolean;
  class?: string;
  children: JSX.Element;
  onClick?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;
}

export function StackPill(props: StackPillProps) {
  return (
    <button
      class={`stk-pill ${props.accent ? "is-accent" : ""} ${props.class ?? ""}`}
      onClick={props.onClick}
      type="button"
    >
      {props.children}
    </button>
  );
}