{"version":3,"file":"tab-CKB3OQED.js","sources":["../../../app/javascript/hardcover-ui/theme/components/tab.ts"],"sourcesContent":["import { ComponentTheme } from \"hardcover-ui/types/base\";\n\nexport type TabListThemeProps = {\n  variant: \"primary\" | \"secondary\";\n  size: \"sm\" | \"md\" | \"lg\";\n};\n\nexport const tabListTheme: ComponentTheme<TabListThemeProps> = {\n  variant: {\n    primary: \"border-b border-gray-300 dark:border-gray-700 mb-2\",\n    secondary: \"mb-2\",\n  },\n  size: {\n    sm: \"\",\n    md: \"\",\n    lg: \"\",\n  },\n};\n\n// const linkClass =\n//   \"font-medium font-semibold py-3 sm:py-4 px-1 border-b-2 whitespace-nowrap mr-2 sm:mr-8\";\n// const inactiveLinkClass =\n//   \"border-transparent text-gray-700 dark:text-gray-400 dark:hover:text-gray-600 dark:hover:border-gray-400 hover:border-gray-400\";\n// const activeLinkClass =\n//   \"font-bold border-indigo-300 text-indigo-500 dark:border-yellow-500 dark:text-yellow-50\";\n\nexport type TabThemeProps = {\n  variant: \"primary\" | \"primarySelected\" | \"secondary\" | \"secondarySelected\";\n  size: \"sm\" | \"md\" | \"lg\";\n};\n\nconst primary =\n  \"flex items-center font-semibold whitespace-nowrap leading-5 border-b-2 py-1 px-2 -mb-[1px]\";\nconst secondary =\n  \"flex items-center justify-center px-4 py-1.5 font-semibold whitespace-nowrap mb-1\";\n\nexport const tabTheme: ComponentTheme<TabThemeProps> = {\n  variant: {\n    primary: `${primary} border-transparent text-gray-700 dark:text-gray-400 hover:text-gray-500 dark:hover:text-white dark:hover:border-gray-400 hover:border-gray-400 `,\n    primarySelected: `${primary} text-gray-600 dark:text-gray-50 border-indigo-300 dark:border-yellow-400 text-indigo-500 dark:text-yellow-50`,\n    secondary: `${secondary} bg-gray-100 dark:bg-gray-900 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700`,\n    secondarySelected: `${secondary} bg-indigo-100 dark:bg-indigo-500 hover:bg-indigo-200 text-indigo-800 dark:text-indigo-50 rounded-full`,\n  },\n  size: {\n    sm: \"text-sm\",\n    md: \"text-base\",\n    lg: \"text-base lg:text-lg py-1 md:py-3 sm:py-4 px-1 border-b-2 mr-1 md:mr-4\",\n  },\n};\n"],"names":["primary","secondary","tabTheme"],"mappings":"AA+BA,MAAMA,EACJ,6FACIC,EACJ,oFAEWC,EAA0C,CACrD,QAAS,CACP,QAAS,GAAGF,CAAO,mJACnB,gBAAiB,GAAGA,CAAO,gHAC3B,UAAW,GAAGC,CAAS,sFACvB,kBAAmB,GAAGA,CAAS,wGACjC,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,YACJ,GAAI,wEACN,CACF"}