mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-29 16:53:42 -05:00
7c97f8ab6e
* Use new JSX runtime and update Babel Node target * Update .eslintrc * Remove React imports GitOrigin-RevId: 559de0267f8f2934c56a860ea8701bb522aa861a
27 lines
693 B
JavaScript
27 lines
693 B
JavaScript
import { TabList, Tab } from '@reach/tabs'
|
|
import PropTypes from 'prop-types'
|
|
|
|
export default function SymbolPaletteTabs({ categories, disabled }) {
|
|
return (
|
|
<TabList aria-label="Symbol Categories" className="symbol-palette-tab-list">
|
|
{categories.map(category => (
|
|
<Tab
|
|
key={category.id}
|
|
disabled={disabled}
|
|
className="symbol-palette-tab"
|
|
>
|
|
{category.label}
|
|
</Tab>
|
|
))}
|
|
</TabList>
|
|
)
|
|
}
|
|
SymbolPaletteTabs.propTypes = {
|
|
categories: PropTypes.arrayOf(
|
|
PropTypes.shape({
|
|
id: PropTypes.string.isRequired,
|
|
label: PropTypes.string.isRequired,
|
|
})
|
|
).isRequired,
|
|
disabled: PropTypes.bool,
|
|
}
|