gistfile1.txt

import { Icon, Tag } from 'antd';
import React, { FC } from 'react';
import styles from './Label.module.scss';
import { LabelProps, LabelIconProps, LabelCrossProps } from './interfaces';
let className;

const BaseLabel: FC<LabelProps> = (props) => {
  const { color, text, opacity, backgroundColor, size } = props;
  className = `ant-label-${size}`;
  const style = [styles.label, className, styles.position].join(' ');
  const labelStyle = { color, opacity };
  const IconLeft = () => {
    return (
      <>
        {text}
        <Icon className={styles.icon} type="check" />
      </>
    );
  };
  const IconRight = () => {
    return (
      <>
        {text}
        <Icon className={styles.icon} type="check" />
      </>
    );
  };
  const IconTag = ({ position }) => {
    if (position === 'left') {
      return <IconLeft />;
    } else {
      return <IconRight />;
    }
  };
  return (
    <>
      <Tag color={props.backgroundColor} style={labelStyle} className={style}>
        <IconTag position={iconPosition} />
      </Tag>
    </>
  );
};
const Label = {
  BaseLabel,
};

/*Label.defaultProps = {
  color: '#1d1d1d',
  text: 'Label',
  opacity: 1,
  size: 'default',
  backgroundColor: 'rgba(1,113,211,0.05)',
  //iconPosition: 'right',
};*/
export default Label;