import { TabList, Tab } from '@reach/tabs' import PropTypes from 'prop-types' export default function SymbolPaletteTabs({ categories }) { return ( {categories.map(category => ( {category.label} ))} ) } SymbolPaletteTabs.propTypes = { categories: PropTypes.arrayOf( PropTypes.shape({ id: PropTypes.string.isRequired, label: PropTypes.string.isRequired, }) ).isRequired, }