Function IconLink

app/src/components/nav/IconLink.tsx:6–34

({
  icon,
  label,
  href,
  color = "gray.500",
  beta,
  ...props
}: { label?: string; icon: IconType; href: string; beta?: boolean } & ProjectLinkProps<T> &
  BoxProps)

import { ProjectLink, type ProjectLinkProps, type ProjectRoute } from "../ProjectLink";

const IconLink = <T extends ProjectRoute>({
  icon,
  label,
  href,
  color = "gray.500",
  beta,
  ...props
}: { label?: string; icon: IconType; href: string; beta?: boolean } & ProjectLinkProps<T> &
  BoxProps) => {
  return (
    <ProjectLink href={href} style={{ width: "100%" }} color={color}>
      <NavSidebarOption activeHrefPattern={href}>
        <HStack w="full" justifyContent="space-between" p={2} {...props}>
          <HStack w="full" justifyContent="start">
            <Icon as={icon} boxSize={21} mr={1} />
            <Text fontSize="sm" display={{ base: "none", md: "block" }} whiteSpace="nowrap">
              {label}
            </Text>
          </HStack>
          {beta && (
            <Text fontSize="xs" ml={2} fontWeight="bold" color="orange.400">
              BETA
            </Text>
          )}
        </HStack>
      </NavSidebarOption>
    </ProjectLink>
  );
};

export default IconLink;