@lobehub/ui/es/base-ui/Input/ClearButton.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

"use client";
import Icon from "../../Icon/Icon.mjs";
import common_default from "../../i18n/resources/en/common.mjs";
import { useTranslation } from "../../i18n/useTranslation.mjs";
import { styles } from "./style.mjs";
import { memo } from "react";
import { jsx } from "react/jsx-runtime";
import { cx } from "antd-style";
import { X } from "lucide-react";
//#region src/base-ui/Input/ClearButton.tsx
const ClearButton = memo(({ className, onClear }) => {
	const { t } = useTranslation(common_default);
	return /* @__PURE__ */ jsx("button", {
		"aria-label": t("common.clear"),
		className: cx(styles.clear, className),
		"data-lobe-input-clear": "",
		tabIndex: -1,
		type: "button",
		onClick: onClear,
		onMouseDown: (event) => event.preventDefault(),
		children: /* @__PURE__ */ jsx(Icon, {
			icon: X,
			size: 10,
			style: { strokeWidth: 3 }
		})
	});
});
ClearButton.displayName = "InputClearButton";
//#endregion
export { ClearButton as default };

//# sourceMappingURL=ClearButton.mjs.map