import type { FC } from 'react';
import React from 'react';
import cx from 'classnames';

const CLASSNAME = 'PageGrid';

interface Props {
    children?: React.ReactNode;
    className?: string;
    gapSize?: 'sm';
}

/**
 * PageGrid sets the rules of our grid system and defines content's responsive behaviour.
 *
 * @type template
 * @status live
 * @tags layout-structure
 */
const PageGrid: FC<Props> = ({ children, className, gapSize }) => (
    <div className={cx(CLASSNAME, className, gapSize)} data-testid={CLASSNAME}>
        {children}
    </div>
);

export default PageGrid;