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

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

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

<li
  ...rest
  data-slot="sidebar-menu-sub-item"
  data-sidebar="menu-sub-item"
  class=cn(styles.root, className)
>
  <${content}/>
</li>