overleaf/services/web/frontend/js/features/symbol-palette/components/symbol-palette-tabs.js

29 lines
719 B
JavaScript
Raw Normal View History

import React from 'react'
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,
}