{
  "name": "tabs-content",
  "type": "registry:component",
  "description": "Content panel for tabbed interfaces",
  "files": [
    {
      "path": "ui/TabsContent.astro",
      "type": "registry:component",
      "content": "---\nimport type { Orientation } from './Tabs.astro';\n\nexport interface Props {\n  value: string;\n  class?: string;\n  orientation?: Orientation;\n}\n\nconst { value, class: className = '', orientation = 'vertical' } = Astro.props;\nconst panelId = `panel-${value}`;\nconst tabId = `tab-${value}`;\n\nconst orientationClasses = orientation === 'vertical' ? 'col-start-2 col-end-3' : 'w-full';\n---\n\n<div\n  role=\"tabpanel\"\n  id={panelId}\n  aria-labelledby={tabId}\n  hidden\n  data-state=\"inactive\"\n  data-tabs-content={value}\n  data-orientation={orientation}\n  class={`${orientationClasses} min-h-[3rem] rounded-[var(--sp-radius-card)] p-3 text-[color:var(--sp-fg-sub)] md:p-4 ${className}`}\n>\n  <div class=\"font-base text-[1.0625rem] leading-[1.65]\">\n    <slot />\n  </div>\n</div>\n"
    }
  ],
  "category": "ui"
}