'use strict';

var React = require('react');
var classnames = require('classnames');
var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');

var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};

function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
}

exports.Tiles = Tiles;
