export function frostedBox(content: string, extraClasses?: string): string {
  return `
    <div class="site-shell site-panel-frame relative my-[2ch] overflow-hidden px-[2ch] py-[2ch] ${extraClasses ?? ""}">
      <div class="site-panel-frost pointer-events-none" aria-hidden="true"></div>
      <div class="site-panel-border" aria-hidden="true"></div>
      <div class="site-panel-content h-full min-h-0">
        ${content}
      </div>
    </div>`;
}
