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

export interface Input extends Marko.Input<"legend"> {
  variant?: "legend" | "label";
}

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

<legend
  data-slot="field-legend"
  data-variant=variant
  class=cn(styles.root, className)
  ...rest
>
  <${content}/>
</legend>