import { cn } from "#lib/utils.ts";
import { groupAction as styles } from "./classes.ts";

export interface Input extends Marko.Input<"button"> {}

<const/{ class: className, content, ...rest }=input/>

<button
  ...rest
  type=input.type ?? "button"
  data-slot="sidebar-group-action"
  data-sidebar="group-action"
  class=cn(styles.root, className)
>
  <${content}/>
</button>