1import { mergeClasses } from '@expo/styleguide';
2import { ArrowUpRightIcon, ChevronRightIcon } from '@expo/styleguide-icons';
3import { HTMLAttributes } from 'react';
4
5export const FootnoteArrowIcon = () => (
6  <ChevronRightIcon className="icon-xs text-icon-quaternary inline-block relative mx-1 -top-px" />
7);
8
9export const ExternalLinkIcon = () => (
10  <ArrowUpRightIcon className="text-icon-tertiary self-center ml-auto shrink-0" />
11);
12
13export const ReactIcon = ({ className }: HTMLAttributes<SVGSVGElement>) => (
14  <svg
15    viewBox="-11.5 -10.23174 23 20.46348"
16    className={mergeClasses('icon-md text-icon-secondary', className)}>
17    <circle cx="0" cy="0" r="2.05" fill="currentColor" />
18    <g stroke="currentColor" strokeWidth="1" fill="none">
19      <ellipse rx="11" ry="4.2" />
20      <ellipse rx="11" ry="4.2" transform="rotate(60)" />
21      <ellipse rx="11" ry="4.2" transform="rotate(120)" />
22    </g>
23  </svg>
24);
25