import { jsx as _jsx } from "react/jsx-runtime";
import './GridLayout.scss';
import cx from 'classnames';
export const Container = ({ children, fluid = false, gap = '0px', className = '', }) => {
    const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
    return (_jsx("div", { className: cx(containerClassName, className), style: { gap }, children: children }));
};
export const Row = ({ children, gap = '0px', className = '', }) => {
    return (_jsx("div", { className: cx('ff-row', className), style: { gap }, children: children }));
};
export const Col = ({ children, size = 12, className = '', }) => {
    const colClassName = `ff-col-${size}`;
    return _jsx("div", { className: cx(colClassName, className), children: children });
};
//# sourceMappingURL=GridLayout.js.map