overleaf/services/web/frontend/js/features/symbol-palette/components/symbol-palette-tabs.js
Miguel Serrano cc2861a2a3 Show hint for Symbol Palette search (#4373)
GitOrigin-RevId: cfdba4f31117cc406cee06e9a97db567c65d5348
2021-08-04 02:05:41 +00:00

22 lines
596 B
JavaScript

import { TabList, Tab } from '@reach/tabs'
import PropTypes from 'prop-types'
export default function SymbolPaletteTabs({ categories }) {
return (
<TabList aria-label="Symbol Categories" className="symbol-palette-tab-list">
{categories.map(category => (
<Tab key={category.id} className="symbol-palette-tab">
{category.label}
</Tab>
))}
</TabList>
)
}
SymbolPaletteTabs.propTypes = {
categories: PropTypes.arrayOf(
PropTypes.shape({
id: PropTypes.string.isRequired,
label: PropTypes.string.isRequired,
})
).isRequired,
}