29 lines
998 B
JavaScript
29 lines
998 B
JavaScript
import OptionsIcon from 'shared/components/icons/options.js'
|
|
import { Chevron } from 'shared/components/navigation/primary.js'
|
|
import OptionGroup from './option-group'
|
|
import { Ul, Details, TopSummary, TopSumTitle } from 'shared/components/workbench/menu'
|
|
import { useTranslation } from 'next-i18next'
|
|
import { optionsMenuStructure } from 'shared/utils.mjs'
|
|
|
|
const DesignOptions = props => {
|
|
const { t } = useTranslation(['app'])
|
|
const optionsMenu = optionsMenuStructure(props.design.config.options)
|
|
|
|
return (
|
|
<Details open>
|
|
<TopSummary icon={<OptionsIcon />}>
|
|
<TopSumTitle>{t('designOptions')}</TopSumTitle>
|
|
<Chevron />
|
|
</TopSummary>
|
|
<Ul className="pl-5 list-inside">
|
|
{Object.entries(optionsMenu).map(([group, options]) => typeof options === "string"
|
|
? <p>top-level option</p>
|
|
: <OptionGroup {...props} group={group} options={options} key={group} />
|
|
)}
|
|
</Ul>
|
|
</Details>
|
|
)
|
|
}
|
|
|
|
export default DesignOptions
|
|
|