@eureca/eureca-ui/src/components/Tabs/stories/tabs.stories.js

UI component library of Eureca's user and admin apps

import React, { useState } from 'react';

import { Box } from '@material-ui/core';

import { Tabs } from '..';

export default { title: 'Originals/Tabs', includeStories: [] };

const tabs = [
  <Box p={4}>Conteúdo online</Box>,
  <Box p={4}>Conteúdo presencial</Box>,
  <Box p={4}>Conteúdo entrevista</Box>,
];

const items = [
  { value: '0', label: 'Online', disabled: false },
  { value: '1', label: 'Presencial', disabled: false },
  { value: '2', label: 'Entrevista', disabled: true },
];

export const TabsStory = () => {
  const [activeTab, setActiveTab] = useState('0');

  return (
    <>
      <Tabs items={items} current={activeTab} onChange={v => setActiveTab(v)} />
      {tabs[activeTab]}
    </>
  );
};