processing-website/src/components/reference/Section.js at main · processing/processing-website · GitHub

Repository navigation

import React, { memo } from 'react';

import classnames from 'classnames';

import * as css from './Section.module.css';

import * as grid from '../../styles/grid.module.css';

const Section = ({ title, children, short, columns = true }) => {

return (

<div

className={classnames(grid.grid, css.root, {

[css.columns]: columns,

[css.short]: short

})}>

<h4 className={classnames(grid.col, css.title)}>{title}</h4>

<div className={classnames(grid.col, css.content)}>{children}</div>

</div>

);

};

export default memo(Section);