@payfit/unity-components/dist/esm/modules/ai-kit/components/ai-composer/parts/AIComposerAttachment.js

import { Icon as e } from "../../../../../components/icon/Icon.js";
import { CircularIconButton as t } from "../../../../../components/icon-button/CircularIconButton.js";
import { Text as n } from "../../../../../components/text/Text.js";
import { forwardRef as r } from "react";
import { uyMerge as i, uyTv as a } from "@payfit/unity-themes";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
import { useIntl as c } from "react-intl";
import { Tag as l } from "react-aria-components/TagGroup";
//#region src/modules/ai-kit/components/ai-composer/parts/AIComposerAttachment.tsx
var u = a({
	base: [
		"uy:group",
		"uy:inline-flex uy:min-w-0 uy:items-center uy:justify-center uy:gap-25",
		"uy:rounded-pill uy:bg-surface-neutral-lowest-enabled uy:pl-75 uy:pr-25 uy:text-content-neutral-enabled",
		"uy:enabled:hover:bg-surface-neutral-lowest-hover uy:enabled:hover:text-content-neutral-hover",
		"uy:enabled:active:bg-surface-neutral-lowest-active uy:enabled:active:text-content-neutral-active",
		"uy:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
		"uy:data-[active=\"true\"]:bg-surface-neutral-lowest-active uy:data-[active=\"true\"]:text-content-neutral-active",
		"uy:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:data-[pressed=\"true\"]:text-content-neutral-pressed",
		"uy:data-[focus-visible=\"true\"]:text-content-neutral-focus",
		"uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring uy:data-[focus-visible=\"true\"]:outline-offset-2",
		"uy:data-[disabled=\"true\"]:bg-surface-neutral-lowest-disabled uy:data-[disabled=\"true\"]:text-content-neutral-disabled"
	],
	slots: {
		label: "uy:min-w-0 uy:flex-1 uy:truncate",
		removeButton: "uy:data-[disabled=\"true\"]:bg-surface-neutral-lowest-disabled"
	}
}), d = r(({ children: r, icon: a, isDisabled: d, maxCharactersTruncation: f = 12, className: p, ...m }, h) => {
	let g = c(), _ = u();
	return /* @__PURE__ */ s(l, {
		ref: h,
		...m,
		isDisabled: d,
		className: i(_.base(), p),
		children: [
			/* @__PURE__ */ o(e, {
				src: a,
				size: 20,
				color: d ? "content.neutral.lowest.disabled" : "content.neutral.lowest",
				role: "presentation",
				"aria-hidden": "true"
			}),
			/* @__PURE__ */ o(n, {
				asElement: "span",
				className: _.label(),
				isTruncated: !0,
				maxWidthCh: f,
				variant: "bodySmallStrong",
				children: r
			}),
			/* @__PURE__ */ o(t, {
				className: _.removeButton(),
				isDisabled: d,
				asElement: "button",
				icon: "CloseOutlined",
				slot: "remove",
				title: g.formatMessage({
					id: "unity:module:ai-kit:composer:attachment:remove",
					defaultMessage: "Remove Attachment"
				})
			})
		]
	});
});
d.displayName = "AIComposerAttachment";
//#endregion
export { d as AIComposerAttachment };