import {TabLayout, TabContainer, TabContent, Tab} from './components/TabLayout'

export const Tabs = () => {
  return(
    <TabLayout>

      <TabContainer>
        <Tab name="Tab 1" tabID="1"/>
        <Tab name="Tab 2" tabID="2"/>
      <TabContainer />

      <TabContent tabID="1">
        <div> THIS IS THE CONTENT FOR TAB 1<div/>
      <TabContent/>
      <TabContent tabID="2">
        <div> MORE CONTENT FOR TAB 2<div/>
      <TabContent />

    <TabLayout />
  )
}

<TabContent tabID="1">
  ...
  ...
  <div>
    Any other content
  <div/>
<TabContent/>