// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Toolbar as Primitive } from "./_ynrlib/base-ui.js";
export function Toolbar({
  className,
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  return (
    <Primitive.Root
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toolbar-root ${className(state) ?? ""}`
          : `ynr-toolbar-root ${className ?? ""}`
      }
    />
  );
}
export function ToolbarButton({
  className,
  ...props
}: ComponentProps<typeof Primitive.Button>) {
  return (
    <Primitive.Button
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toolbar-button ${className(state) ?? ""}`
          : `ynr-toolbar-button ${className ?? ""}`
      }
    />
  );
}
export function ToolbarLink({
  className,
  ...props
}: ComponentProps<typeof Primitive.Link>) {
  return (
    <Primitive.Link
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toolbar-link ${className(state) ?? ""}`
          : `ynr-toolbar-link ${className ?? ""}`
      }
    />
  );
}
export function ToolbarGroup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Group>) {
  return (
    <Primitive.Group
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toolbar-group ${className(state) ?? ""}`
          : `ynr-toolbar-group ${className ?? ""}`
      }
    />
  );
}
export function ToolbarSeparator({
  className,
  ...props
}: ComponentProps<typeof Primitive.Separator>) {
  return (
    <Primitive.Separator
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toolbar-separator ${className(state) ?? ""}`
          : `ynr-toolbar-separator ${className ?? ""}`
      }
    />
  );
}