import { cn } from "./index3.js";
import { cva } from "class-variance-authority";
import * as React from "react";
import { jsx } from "react/jsx-runtime";
//#region src/components/molecules/data/FeaturedIcon/FeaturedIcon.tsx
var featuredIconVariants = cva("inline-flex items-center justify-center transition-colors duration-200 motion-reduce:transition-none", {
	variants: {
		size: {
			xs: "size-7 p-1.5 [&>svg]:size-4",
			sm: "size-8 p-2 [&>svg]:size-4",
			md: "size-9 p-2.5 [&>svg]:size-4",
			lg: "size-10 p-2.5 [&>svg]:size-5"
		},
		shape: {
			rounded: "rounded-xl",
			round: "rounded-full"
		},
		intent: {
			default: "bg-primary/10 text-primary dark:bg-primary/20",
			success: "bg-success/10 text-success dark:bg-success/20",
			warning: "bg-warning/10 text-warning dark:bg-warning/20",
			error: "bg-destructive/10 text-destructive dark:bg-destructive/20",
			info: "bg-info/10 text-info dark:bg-info/20"
		}
	},
	defaultVariants: {
		size: "md",
		shape: "rounded",
		intent: "default"
	}
});
/**
* FeaturedIcon displays an icon within a styled container with customizable size, shape, and color.
* Useful for highlighting actions, statuses, or categories in cards, lists, and navigation.
*
* @llms Styled icon container with size (xs-lg), shape (rounded/round), and color variants
* @example
* ```tsx
* <FeaturedIcon icon={<Settings />} size="md" shape="rounded" />
* ```
*/
var FeaturedIcon = React.forwardRef(({ className, size, shape, intent, icon, children, "aria-label": ariaLabel, ...props }, ref) => {
	const iconContent = icon ?? children;
	const isDecorative = !ariaLabel;
	if (process.env.NODE_ENV === "development" && !iconContent) console.warn("FeaturedIcon: Either icon or children prop is required");
	return /* @__PURE__ */ jsx("div", {
		ref,
		"data-slot": "featured-icon",
		role: isDecorative ? void 0 : "img",
		"aria-hidden": isDecorative ? true : void 0,
		"aria-label": isDecorative ? void 0 : ariaLabel,
		className: cn(featuredIconVariants({
			size,
			shape,
			intent
		}), className),
		...props,
		children: iconContent
	});
});
FeaturedIcon.displayName = "FeaturedIcon";
//#endregion
export { FeaturedIcon };

//# sourceMappingURL=index81.js.map