import React from 'react' ; import { NextLink , Prop , PropTable , PropTableWrapper } from '../components' ; const tabsProps = [ { name : 'activeTab' , types : 'string' , description : 'Determines the active tab by tab id.' , } , { name : 'items' , types : < NextLink href = { { hash : 'tab-item-prop-table' , query : { props : 'tab-item' } } } > TabItem [ ] < /NextLink>, description : ( < > See < NextLink href = { { hash : 'tab-item-prop-table' , query : { props : 'tab-item' } } } > TabItem < /NextLink> for usage. < />), } , { name : 'onTabClick' , types : '(tabId: string) => void' , description : 'Function that will get called when a tab is clicked.' , } , ] ; export const TabsPropTable = ( props ) => ( < PropTable title = "Tabs" propList = { tabsProps } { ... props } />); const tabItemProps = [ { name : 'id' , types : 'string' , description : 'Tab identifier, must be unique.' , required : true , } , { name : 'title' , types : 'string' , description : 'Title for the tab.' , required : true , } , { name : 'disabled' , types : 'boolean' , description : 'Determines if the Tab is disabled.' , } , ] ; export const TabItemPropTable = ( props ) => ( < PropTable title = "Tabs[TabItem]" propList = { tabItemProps } { ... props } />);