// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Toast as Primitive } from "./_ynrlib/base-ui.js";
export const ToastProvider = Primitive.Provider;
export const ToastPortal = Primitive.Portal;
export function ToastViewport({
  className,
  ...props
}: ComponentProps<typeof Primitive.Viewport>) {
  return (
    <Primitive.Viewport
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-viewport ${className(state) ?? ""}`
          : `ynr-toast-viewport ${className ?? ""}`
      }
    />
  );
}
export function ToastRoot({
  className,
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  return (
    <Primitive.Root
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-root ${className(state) ?? ""}`
          : `ynr-toast-root ${className ?? ""}`
      }
    />
  );
}
export function ToastContent({
  className,
  ...props
}: ComponentProps<typeof Primitive.Content>) {
  return (
    <Primitive.Content
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-content ${className(state) ?? ""}`
          : `ynr-toast-content ${className ?? ""}`
      }
    />
  );
}
export function ToastTitle({
  className,
  ...props
}: ComponentProps<typeof Primitive.Title>) {
  return (
    <Primitive.Title
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-title ${className(state) ?? ""}`
          : `ynr-toast-title ${className ?? ""}`
      }
    />
  );
}
export function ToastDescription({
  className,
  ...props
}: ComponentProps<typeof Primitive.Description>) {
  return (
    <Primitive.Description
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-description ${className(state) ?? ""}`
          : `ynr-toast-description ${className ?? ""}`
      }
    />
  );
}
export function ToastClose({
  className,
  ...props
}: ComponentProps<typeof Primitive.Close>) {
  return (
    <Primitive.Close
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-close ${className(state) ?? ""}`
          : `ynr-toast-close ${className ?? ""}`
      }
    />
  );
}
export function ToastAction({
  className,
  ...props
}: ComponentProps<typeof Primitive.Action>) {
  return (
    <Primitive.Action
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-toast-action ${className(state) ?? ""}`
          : `ynr-toast-action ${className ?? ""}`
      }
    />
  );
}
export const useToastManager = Primitive.useToastManager;
export const createToastManager = Primitive.createToastManager;