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

const SchemaConditionTooltip = () => {
	return (
		<Tooltip
			delay={200}
			text={__(
				"The 'OfferItemCondition' schema defines standardized terms to describe the condition of products or services, such as 'New', 'Used', 'Refurbished', or 'Damaged'. This helps ensure consistency and clarity in listings.",
				"product-condition-manager-for-woocommerce",
			)}
			className={"components-tooltip-hulk_woo_pcm"}
		>
			<span className={"ml-2 text-[#666] align-middle inline-block"}>
				<Icon fill={"#666"} icon={info}/>
			</span>
		</Tooltip>
	);
};

export default SchemaConditionTooltip;
