import { jsx } from 'react/jsx-runtime';
import classNames from '../../_virtual/index.js';

const Container = ({ children, fluid = false, gap = '0px', className = '', }) => {
    const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
    return (jsx("div", { className: classNames(containerClassName, className), style: { gap }, children: children }));
};
const Row = ({ children, gap = '0px', className = '', }) => {
    return (jsx("div", { className: classNames('ff-row', className), style: { gap }, children: children }));
};
const Col = ({ children, size = 12, className = '', }) => {
    const colClassName = `ff-col-${size}`;
    return jsx("div", { className: classNames(colClassName, className), children: children });
};

export { Col, Container, Row };
//# sourceMappingURL=GridLayout.js.map
