import React from 'react';
import Tag from 'antd/es/tag';

type AppTagProps = {
  children: React.ReactNode;
  color?: string;
  closable?: boolean;
  onClose?: (e: React.MouseEvent<HTMLElement>) => void;
  icon?: React.ReactNode;
  visible?: boolean;
  style?: React.CSSProperties;
  className?: string;
  bordered?: boolean;
};

 const AppTag: React.FC<AppTagProps> = ({
  children,
  color,
  closable,
  onClose,
  icon,
  visible = true,
  bordered = false,
  style,
  className,
}) => {
  if (!visible) return null;

  return (
    <Tag
      color={color}
      closable={closable}
      onClose={onClose}
      icon={icon}
      style={style}
      className={className}
      bordered={bordered}
    >
      {children}
    </Tag>
  );
};
export default AppTag