mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 21:10:38 +03:00
20 lines
476 B
TypeScript
20 lines
476 B
TypeScript
|
import { Tab} from 'react-tabs';
|
||
|
|
import type { TabProps } from 'react-tabs';
|
||
|
|
|
||
|
|
function ConceptTab({children, className, ...otherProps} : TabProps) {
|
||
|
|
return (
|
||
|
|
<Tab
|
||
|
|
className={
|
||
|
|
'px-2 py-1 text-sm text-gray-600 bg-gray-100 hover:cursor-pointer dark:text-zinc-200 hover:bg-gray-300 dark:bg-gray-600 dark:hover:bg-gray-400'
|
||
|
|
+ ' ' + className
|
||
|
|
}
|
||
|
|
{...otherProps}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</Tab>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
ConceptTab.tabsRole = 'Tab';
|
||
|
|
|
||
|
|
export default ConceptTab;
|