1import type { ReactNode } from "react";2import { useId } from "react";34/** The brand leaf glyph used as a cell marker on the landing pages. */5export default function Leaf(): ReactNode {6 const maskId = useId();7 return (8 <svg className="cell-leaf" viewBox="0 0 512 512" aria-hidden="true">9 <defs>10 <mask id={maskId}>11 <rect width="512" height="512" fill="#fff" />12 <path13 d="M183 184v146h124M183 330 91 455"14 fill="none"15 stroke="#000"16 strokeLinecap="round"17 strokeLinejoin="round"18 strokeWidth="38"19 />20 </mask>21 </defs>22 <path23 d="M415 56C253 58 112 112 67 224c-32 80-21 173 24 231l47-49c57 29 135 21 197-20 52-34 80-93 80-160Z"24 fill="currentColor"25 mask={`url(#${maskId})`}26 />27 </svg>28 );29}