import React from "react";
import {__} from "@wordpress/i18n";
import {Icon, info} from "@wordpress/icons";
import {Tooltip} from "@wordpress/components";

const ProductConditionTooltip = () => {
	return (
		<Tooltip
			delay={200}
			text={__(
				'This text appears before the product condition on the product page. By default, it says "Product Condition:" but can be customized based on the product.',
				"product-condition-manager-for-woocommerce",
			)}
			className={"components-tooltip-hulk_woo_pcm"}
		>
			<span className={"text-[#666] align-middle inline-block mt-1"}>
				<Icon fill={"#666"} icon={info}/>
			</span>
		</Tooltip>
	);
};

export default ProductConditionTooltip;
