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

const DisplayShopLabelTooltip = () => {
	return (
		<Tooltip
			delay={200}
			text={__(
				'This text appears before the product condition on shop and taxonomy pages. The default is "Product Condition:" but can be customized per product. If this setting is enabled then this will appear.',
				"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 DisplayShopLabelTooltip;
