@ftrack/react-toolbox/components/tabs/index.js

A set of React components implementing Google's Material Design specification with the power of CSS Modules.

import { themr } from 'react-css-themr';
import { TABS } from '../identifiers.js';
import { tabsFactory } from './Tabs.js';
import { TabContent } from './TabContent.js';
import { Tab } from './Tab.js';
import FontIcon from '../font_icon/FontIcon.js';
import theme from './theme.scss';

const applyTheme = (Component) => themr(TABS, theme)(Component);
const ThemedTabContent = applyTheme(TabContent);
const ThemedTab = applyTheme(Tab);
const ThemedTabs = applyTheme(tabsFactory(ThemedTab, ThemedTabContent, FontIcon));

export { ThemedTab as Tab };
export { ThemedTabs as Tabs };