import cx from 'classnames';
import React from 'react';
import styles from './CardLayout.module.css';
export function CardLayout({ spacing = 'edgeless-mobile', borders = 'managed', className, style, id, 'data-tag': dataTag, children, }) {
    const classList = cx(styles.root, {
        [styles.spacingSeparated]: spacing === 'separated',
        [styles.spacingEdgelessMobile]: borders === 'managed' && spacing === 'edgeless-mobile',
    }, className);
    return (<div className={classList} style={style} data-cardlayout-edgeless={spacing === 'edgeless-mobile'} id={id} data-tag={dataTag}>
      {children}
    </div>);
}
//# sourceMappingURL=index.jsx.map