import React from "react";

import { Icon, IconProps } from "../icon/Icon";

export const LinkArrow = (props: Omit<IconProps, "name">) => {
  const commonProps = {
    weight: "medium",
    ...props,
  } as const;

  return (
    <>
      <Icon
        ESCAPE_className="hidden group-hover:inline"
        name="arrow-right"
        size="16"
        {...commonProps}
      />
      <Icon
        ESCAPE_className="-ml-[1px] mr-[3px] group-hover:hidden"
        name="chevron-right"
        size="14"
        {...commonProps}
      />
    </>
  );
};
