1import * as React from 'react'; 2 3type PermaLinkProps = { 4 onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void; 5}; 6 7// note(Keith): Do not replace with a styleguide-icon version. 8// None of the available options look quite right in docs. 9// This icon should instead be eventually added to @expo/styleguide-icons. 10const PermaLink = ({ onClick }: PermaLinkProps) => ( 11 <svg 12 onClick={onClick} 13 aria-label="permalink" 14 className="anchor-icon" 15 width="24" 16 height="24" 17 viewBox="0 0 24 24" 18 fill="none" 19 xmlns="http://www.w3.org/2000/svg"> 20 <path 21 d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" 22 stroke="#9B9B9B" 23 strokeWidth="2" 24 strokeLinecap="round" 25 strokeLinejoin="round" 26 /> 27 <path 28 d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" 29 stroke="#9B9B9B" 30 strokeWidth="2" 31 strokeLinecap="round" 32 strokeLinejoin="round" 33 /> 34 </svg> 35); 36 37export default PermaLink; 38