import React from 'react';
import {__} from "@wordpress/i18n";

const DisplayShopLabelNotice = () => {
	return (
		<span
			className={'components-notice is-warning !block w-full clear-both mt-2 text-[12px] max-w-[320px] p-1 pl-2'}>
			<span className="components-notice__content p-0 leading-normal text-[12px]">
				{__('Shop page display is off', 'product-condition-manager-for-woocommerce')}. <a
				href="admin.php?page=wc-settings&tab=products&section=hulk_woo_pcm"
				className={'text-inherit underline'}>{__('Click to enable it', 'product-condition-manager-for-woocommerce')}</a>.
			</span>
		</span>
	);
};

export default DisplayShopLabelNotice;
