explore/ui/token/TokenProjectInfo/DocsLink.tsx

import React from 'react';

import { Link } from 'toolkit/next/link';
import IconSvg from 'ui/shared/IconSvg';

interface Props {
  href: string;
}

const DocsLink = ({ href }: Props) => {
  return (
    <Link
      href={ href }
      external
      noIcon
      className="inline-flex items-center gap-1"
    >
      <IconSvg name="docs" className="w-5 h-5 text-[var(--color-icon-primary)]"/>
      <span>Documentation</span>
    </Link>
  );
};

export default DocsLink;