// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { PreviewCard as Primitive } from "./_ynrlib/base-ui.js";
export const PreviewCard = Primitive.Root;
export function PreviewCardTrigger({
  className,
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Trigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-preview-card-trigger ${className(state) ?? ""}`
          : `ynr-preview-card-trigger ${className ?? ""}`
      }
    />
  );
}
export const PreviewCardPortal = Primitive.Portal;
export function PreviewCardPositioner({
  className,
  ...props
}: ComponentProps<typeof Primitive.Positioner>) {
  return (
    <Primitive.Positioner
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-preview-card-positioner ${className(state) ?? ""}`
          : `ynr-preview-card-positioner ${className ?? ""}`
      }
    />
  );
}
export function PreviewCardPopup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Popup>) {
  return (
    <Primitive.Popup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-preview-card-popup ${className(state) ?? ""}`
          : `ynr-preview-card-popup ${className ?? ""}`
      }
    />
  );
}
export function PreviewCardArrow({
  className,
  ...props
}: ComponentProps<typeof Primitive.Arrow>) {
  return (
    <Primitive.Arrow
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-preview-card-arrow ${className(state) ?? ""}`
          : `ynr-preview-card-arrow ${className ?? ""}`
      }
    />
  );
}