// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Drawer as Primitive } from "./_ynrlib/base-ui.js";
export const Drawer = Primitive.Root;
export function DrawerTrigger({
  className,
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Trigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-trigger ${className(state) ?? ""}`
          : `ynr-drawer-trigger ${className ?? ""}`
      }
    />
  );
}
export const DrawerPortal = Primitive.Portal;
export function DrawerBackdrop({
  className,
  ...props
}: ComponentProps<typeof Primitive.Backdrop>) {
  return (
    <Primitive.Backdrop
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-backdrop ${className(state) ?? ""}`
          : `ynr-drawer-backdrop ${className ?? ""}`
      }
    />
  );
}
export function DrawerViewport({
  className,
  ...props
}: ComponentProps<typeof Primitive.Viewport>) {
  return (
    <Primitive.Viewport
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-viewport ${className(state) ?? ""}`
          : `ynr-drawer-viewport ${className ?? ""}`
      }
    />
  );
}
export function DrawerPopup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Popup>) {
  return (
    <Primitive.Popup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-popup ${className(state) ?? ""}`
          : `ynr-drawer-popup ${className ?? ""}`
      }
    />
  );
}
export function DrawerContent({
  className,
  ...props
}: ComponentProps<typeof Primitive.Content>) {
  return (
    <Primitive.Content
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-content ${className(state) ?? ""}`
          : `ynr-drawer-content ${className ?? ""}`
      }
    />
  );
}
export function DrawerTitle({
  className,
  ...props
}: ComponentProps<typeof Primitive.Title>) {
  return (
    <Primitive.Title
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-title ${className(state) ?? ""}`
          : `ynr-drawer-title ${className ?? ""}`
      }
    />
  );
}
export function DrawerDescription({
  className,
  ...props
}: ComponentProps<typeof Primitive.Description>) {
  return (
    <Primitive.Description
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-description ${className(state) ?? ""}`
          : `ynr-drawer-description ${className ?? ""}`
      }
    />
  );
}
export function DrawerClose({
  className,
  ...props
}: ComponentProps<typeof Primitive.Close>) {
  return (
    <Primitive.Close
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-drawer-close ${className(state) ?? ""}`
          : `ynr-drawer-close ${className ?? ""}`
      }
    />
  );
}