code: function Icon({
    prefix: prefixFromProps = "fe",
    name,
    className,
    link,
    isAriaHidden,
    payment,
    flag,
    onClick,
    onMouseEnter,
    onMouseLeave,
    onPointerEnter,
    onPointerLeave,
    onFocus,
    onBlur,
  }: Props): React.Node {
    const prefix = (payment && "payment") || (flag && "flag") || prefixFromProps;
    const classes = cn(
      {
        [prefix]: true,
        [`${prefix}-${name}`]: true,
      },
      className
    );
    const extraProps = isAriaHidden
      ? {
          "aria-hidden": "true",
        }
      : null;
  
    const eventProps = {
      onClick,
      onMouseEnter,
      onMouseLeave,
      onPointerEnter,
      onPointerLeave,
      onFocus,
      onBlur,
    };
  
    return !link ? (
      <i className={classes} {...eventProps} />
    ) : (
      <a className="icon" {...extraProps} {...eventProps}>
        <i className={classes} />
      </a>
    );
  }
docs: Display an icon.
  Uses the included feathers icon set by default but you can add your own