40 lines
812 B
TypeScript
40 lines
812 B
TypeScript
import { Box } from 'UIKit/grid';
|
|
import elementsRender from '../config/elements-render';
|
|
import type { SectionsConfig } from '../types/sections';
|
|
|
|
function renderSections(config: SectionsConfig) {
|
|
const rows = config.map(([elements, style]) => {
|
|
const renderedElements = elements.map((elementName) => {
|
|
const render = elementsRender[elementName]?.render;
|
|
|
|
return render();
|
|
});
|
|
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: 'grid',
|
|
gridTemplateColumns: ['1fr', '1fr', 'repeat(3, 1fr)'],
|
|
gap: '10px',
|
|
...style,
|
|
}}
|
|
>
|
|
{renderedElements}
|
|
</Box>
|
|
);
|
|
});
|
|
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: 'grid',
|
|
gridAutoRows: 'auto',
|
|
}}
|
|
>
|
|
{rows}
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
export default renderSections;
|