import { cx as e } from "../../../theme/tools.js";
import { container as t, containerFullWidth as n, input as r, inputWithInteractiveRightIcon as i, inputWithLeftIcon as a, inputWithRightIcon as o, leftIcon as s, rightIcon as c, rightIconInteractive as l } from "./input.css.js";
import { jsx as u, jsxs as d } from "react/jsx-runtime";
//#region src/atomic/atoms/input/Input.tsx
var f = (f) => {
	let { variant: p, size: m, fullWidth: h, leftIcon: g, rightIcon: _, rightIconIsInteractive: v = !1, ref: y, ...b } = f, { className: x, style: S, ...C } = b, w = C.type;
	if (w === "checkbox" || w === "radio") return /* @__PURE__ */ u("input", {
		ref: y,
		className: x,
		style: S,
		...C
	});
	let T = null;
	g != null && (T = /* @__PURE__ */ u("div", {
		className: s,
		children: g
	}));
	let E = null;
	_ != null && (E = /* @__PURE__ */ u("div", {
		className: e(c, { [l]: v }),
		children: _
	}));
	let D = e(r({
		variant: p,
		size: m,
		fullWidth: h
	}), x, {
		[a]: g != null,
		[o]: _ != null,
		[i]: v
	}), O = e(t);
	return h === !0 && (O = e(t, n)), /* @__PURE__ */ d("div", {
		className: O,
		children: [
			T,
			/* @__PURE__ */ u("input", {
				ref: y,
				className: D,
				style: S,
				...C
			}),
			E
		]
	});
};
//#endregion
export { f as Input };

//# sourceMappingURL=Input.js.map