import { isTransparent } from '@blocksuite/affine-model'; import { cssVarV2 } from '@blocksuite/affine-shared/theme'; import { html, svg, type TemplateResult } from 'lit'; export function TransparentIcon(hollowCircle = false) { const CircleIcon: TemplateResult | null = hollowCircle ? svg`` : null; return html` ${CircleIcon} `; } export function CircleIcon(color: string) { return html` `; } export function HollowCircleIcon(color: string) { return html` `; } export function AdditionIcon(color: string, hollowCircle: boolean) { if (isTransparent(color)) { return TransparentIcon(hollowCircle); } if (hollowCircle) { return HollowCircleIcon(color); } return CircleIcon(color); }