'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

require('react');
require('@emotion/core');
var _tslib = require('./_tslib-9c546438.js');
var jsxRuntime = require('@emotion/react/jsx-runtime');
require('@emotion/styled');
require('@emotion/react');
var css = require('./css-203af057.js');
var autoId_esm = require('./auto-id.esm-f9c7d71b.js');
var utilities = require('./utilities-d51a0c2d.js');

var Card = function (_a) {
    var userProvidedId = _a.id, customCss = _a.customCss, _b = _a.elevation, elevation = _b === void 0 ? 'standard' : _b, children = _a.children, props = _tslib.__rest(_a, ["id", "customCss", "elevation", "children"]);
    var id = autoId_esm.useId(userProvidedId);
    var resolvedCss = utilities.useCustomCss(customCss);
    return (jsxRuntime.jsx(StyledCard, _tslib.__assign({ id: id, "data-elevation": elevation, css: resolvedCss }, props, { children: children }), void 0));
};
var StyledCard = css.styled('div')(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: #ffffff;\n  border-radius: 5px;\n  padding: 6px;\n  &[data-elevation='standard'] {\n    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.101);\n  }\n  &[data-elevation='high'] {\n    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.294);\n  }\n"], ["\n  background: #ffffff;\n  border-radius: 5px;\n  padding: 6px;\n  &[data-elevation='standard'] {\n    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.101);\n  }\n  &[data-elevation='high'] {\n    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.294);\n  }\n"])));
var templateObject_1;

exports.Card = Card;
//# sourceMappingURL=Card.js.map
