import React from 'react';
import { translate } from '../../../Helper';
import Tooltip from './Tooltip';

const CustomizedPill = () => {
    return (
        <span className="ecre-ml-2 ecre-px-2 ecre-py-1 ecre-bg-blue-100 ecre-text-blue-800 ecre-text-xs ecre-rounded-full ecre-inline-flex ecre-items-center ecre-gap-1 ecre-cursor-help">
            {translate('customized') || 'Customized'}
            <Tooltip content={translate('custom_settings_tooltip') || 'This customer has custom reward/referral rules that override the global configuration.'} />
        </span>
    );
};

export default CustomizedPill;
