{"version":3,"file":"TabsNavContainer-SXyLiDdO.js","sources":["../../../app/javascript/components/shared/TabsNavContainer.tsx"],"sourcesContent":["import React from \"react\";\n\ntype TabsNavContainerProps = {\n  children: React.ReactNode;\n  variant?: \"primary\" | \"secondary\";\n  className?: string;\n};\n\nconst styles = {\n  primary:\n    \"w-full sm:mx-auto border-b dark:border-gray-600 border-gray-300 overflow-x-auto overflow-y-hidden no-scrollbar\",\n  secondary: \"w-full sm:mx-auto overflow-x-auto overflow-y-hidden no-scrollbar\",\n};\n\nconst TabsNavContainer: React.FC<TabsNavContainerProps> = ({\n  children,\n  variant = \"primary\", // Default variant\n  className = \"\",\n}) => {\n  const variantClasses = styles[variant];\n\n  return (\n    <div id=\"navigation\" className={`${variantClasses} ${className}`}>\n      <div>\n        <nav className=\"flex gap-2 items-stretch\" aria-label=\"Tabs\">\n          {children}\n        </nav>\n      </div>\n    </div>\n  );\n};\n\nexport default TabsNavContainer;\n"],"names":["styles","TabsNavContainer","children","variant","className","variantClasses","jsx"],"mappings":"yCAQA,MAAMA,EAAS,CACb,QACE,iHACF,UAAW,kEACb,EAEMC,EAAoD,CAAC,CACzD,SAAAC,EACA,QAAAC,EAAU,UACV,UAAAC,EAAY,EACd,IAAM,CACE,MAAAC,EAAiBL,EAAOG,CAAO,EAGnC,OAAAG,MAAC,OAAI,GAAG,aAAa,UAAW,GAAGD,CAAc,IAAID,CAAS,GAC5D,eAAC,MACC,CAAA,SAAAE,EAAAA,IAAC,OAAI,UAAU,2BAA2B,aAAW,OAClD,SAAAJ,CAAA,CACH,CACF,CAAA,CACF,CAAA,CAEJ"}