// @ts-nocheck

import Tippy from '@tippyjs/react';
const Label = ({ htmlFor = '', children, tooltipContent }) => {
  return (
    <div className='wmx-flex wmx-items-center wmx-gap-2'>
      <label htmlFor={htmlFor} className='wmx-font-medium wmx-text-base'>
        {children}
      </label>
      {tooltipContent && (
        <Tippy
          className='wmx-bg-gray-900 wmx-py-2 wmx-text-base wmx-px-3 wmx-text-white wmx-rounded-md'
          content={tooltipContent}
        >
          <svg
            xmlns='http://www.w3.org/2000/svg'
            fill='none'
            viewBox='0 0 24 24'
            strokeWidth={1.5}
            stroke='currentColor'
            className='wmx-size-5 information-icon'
          >
            <path
              strokeLinecap='round'
              strokeLinejoin='round'
              d='m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z'
            />
          </svg>
        </Tippy>
      )}
    </div>
  );
};
export default Label;
