text: import React from 'react';
  import PropTypes from 'prop-types';
  
  import { Attraction, Car, TreeOption } from 'grommet-icons';
  import { Box, Grommet, Tab, Tabs } from 'grommet';
  import { grommet } from 'grommet/themes';
  
  const UncontrolledTabs = ({ plain = false }) => (
    <Grommet theme={grommet} full>
      <Box fill>
        <Tabs flex>
          <Tab plain={plain} title="Tab 1">
            <Box fill pad="large" align="center" background="accent-1">
              <Attraction size="xlarge" />
            </Box>
          </Tab>
          <Tab plain={plain} title="Tab 2">
            <Box fill pad="large" align="center" background="accent-2">
              <TreeOption size="xlarge" />
            </Box>
          </Tab>
          <Tab plain={plain} title="Tab 3">
            <Box fill pad="large" align="center" background="accent-3">
              <Car size="xlarge" />
            </Box>
          </Tab>
        </Tabs>
      </Box>
    </Grommet>
  );
  
  UncontrolledTabs.propTypes = {
    plain: PropTypes.bool, // eslint-disable-line react/require-default-props
  };
  export const Plain = () => <UncontrolledTabs plain />;
  
  export default {
    title: 'Controls/Tabs/Plain',
  };
  