{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-mail-section-header",
  "title": "Z Mail Section Header",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/organisms/z-mail-section-header/z-mail-section-header.tsx",
      "content": "\"use client\";\nimport { cn } from \"../../../lib/ui-utils\";\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\ntype Props = {\n    label: string;\n    count?: string | number;\n    isCollapsed: boolean;\n    onToggle?: () => void;\n    className?: string;\n};\nconst ZMailSectionHeader = forwardRef<HTMLButtonElement, Props & ComponentPropsWithoutRef<'button'>>(function ZMailSectionHeader({ label, count, isCollapsed, onToggle, className, onClick, ...props }, ref) {\n    return (<button ref={ref} type=\"button\" className={cn('group w-full rounded-lg px-1 pt-5 pb-2 text-left outline-none', className)} {...props} onClick={(event) => {\n            onToggle?.();\n            onClick?.(event);\n        }} aria-expanded={!isCollapsed}>\n      <div className=\"group-focus-visible:ring-neutral-strong inline-flex items-baseline gap-2 rounded-xl px-2 py-1 outline-none group-focus-visible:ring-2\">\n        <span className={cn('text-neutral text-xl font-medium md:text-2xl', 'font-playfair', isCollapsed && 'opacity-60')}>\n          {label}\n        </span>\n        {count != null && <span className=\"text-neutral-weak text-sm\">({count})</span>}\n      </div>\n    </button>);\n});\nZMailSectionHeader.displayName = 'ZMailSectionHeader';\nexport default ZMailSectionHeader;\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/organisms/z-mail-section-header/z-mail-section-header.tsx"
    }
  ],
  "type": "registry:ui"
}