1export function PeachMark(props: { class?: string }) {2 return (3 <svg4 class={props.class}5 width="14"6 height="14"7 viewBox="0 0 240 240"8 fill="none"9 aria-hidden="true"10 >11 <path d="M 124 64 C 134 32 168 16 200 22 C 198 56 168 72 130 66 Z" fill="#92AC65" />12 <path d="M 130 64 C 152 46 178 30 196 24" stroke="#5E7A42" stroke-width="2.6" fill="none" stroke-linecap="round" />13 <path d="M 120 60 C 75 45 28 75 22 130 C 18 185 65 222 125 222 C 185 222 222 185 220 130 C 218 78 170 45 120 60 Z" fill="#FFB082" />14 <path d="M 120 60 C 75 45 28 75 22 130 C 18 185 65 222 125 222 C 105 195 75 150 100 90 C 105 75 112 65 120 60 Z" fill="#E5805C" />15 <ellipse cx="178" cy="108" rx="20" ry="11" fill="#FFD0A8" opacity="0.7" transform="rotate(-26 178 108)" />16 </svg>17 );18}1920export function PeachWordmark(props: {21 class?: string;22 showPip?: boolean;23 unlocked?: boolean;24}) {25 return (26 <span class={props.class ?? "peach-wordmark-wrap"}>27 <PeachMark class="peach-brand-mark" />28 <span29 class={`peach-status-pip ${props.showPip ? "" : "is-hidden"} ${props.unlocked ? "unlocked" : ""}`.trim()}30 aria-hidden="true"31 ></span>32 <span class="peach-wordmark">peach</span>33 </span>34 );35}