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

export interface Input extends Marko.Input<"a"> {
  size?: "sm" | "md";
  active?: boolean;
}

<const/{ size = "md", active, class: className, content, ...rest }=input/>

<a
  ...rest
  data-slot="sidebar-menu-sub-button"
  data-sidebar="menu-sub-button"
  data-size=size
  data-active=(active ? "true" : undefined)
  class=cn(styles.root, className)
>
  <${content}/>
</a>