"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  TagGroup as AriaTagGroup,
  Tag as AriaTag,
  TagList,
  type TagGroupProps as AriaProps,
  type TagProps,
  Button,
  Label,
  composeRenderProps,
} from "./react-aria-runtime.js";
import type { ReactNode } from "react";
export interface TagGroupProps extends Omit<AriaProps, "children"> {
  label: string;
  children: ReactNode;
  emptyMessage?: string;
}
export function TagGroup({
  label,
  children,
  emptyMessage = "No tags",
  className,
  ...props
}: TagGroupProps) {
  return (
    <AriaTagGroup
      {...props}
      className={`ynr-tag-group ynr-aria ${className ?? ""}`}
    >
      <Label className="ynr-aria-label">{label}</Label>
      <TagList className="ynr-aria-tags" renderEmptyState={() => emptyMessage}>
        {children}
      </TagList>
    </AriaTagGroup>
  );
}
export function Tag({
  children,
  className,
  ...props
}: Omit<TagProps, "children"> & { children: ReactNode }) {
  return (
    <AriaTag
      {...props}
      textValue={
        props.textValue ?? (typeof children === "string" ? children : undefined)
      }
      className={composeRenderProps(
        className,
        (value) => `ynr-aria-tag ${value ?? ""}`,
      )}
    >
      {({ allowsRemoving }) => (
        <>
          {children}
          {allowsRemoving && (
            <Button
              slot="remove"
              aria-label={`Remove ${props.textValue ?? children}`}
              className="ynr-aria-button"
            >
              ×
            </Button>
          )}
        </>
      )}
    </AriaTag>
  );
}