import * as React from 'react';
import {Tab} from "react-tabz";
 
const headings = ["First Tab Heading", "Second Tab Heading"];
 
<Tab headings={headings}
    className="yourClassForTabComponent"
    tabItemClassName="someClassForContentPanel"
    tabSeparatorClassName="YourClassNameForTabSeparator">
        <div /*tabItemClassName class will be here */ >Tab panel content 1</div>
        <div>Tab panel content 2</div>
</Tab>

<Tab headings={headings}
    useSeparator={false}>
        <div>Tab panel content 1</div>
        <div>Tab panel content 2</div>
</Tab>

Tab.propTypes = {
        headings: PropTypes.arrayOf(PropTypes.string),
        children: PropTypes.arrayOf(PropTypes.element.isRequired),
        className: PropTypes.string,
        tabItemClassName: PropTypes.string,
        tabSeparatorClassName: PropTypes.string,
        onTabChange: PropTypes.func
    };
    

TabItem.propTypes = {
        text: PropTypes.string,
        checked: PropTypes.bool,
        onClick: PropTypes.func,
        className: PropTypes.string
    };

TabSeparator.propTypes = {
    className: PropTypes.string
};
 
Tab.defaultProps = {
    useSeparator: true
};