"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "CarouselItem", {
    enumerable: true,
    get: function() {
        return CarouselItem;
    }
});
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const StyledItem = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "enecxb40",
    label: "StyledItem"
})("box-sizing:content-box;scroll-snap-align:", ({ scrollSnapAlign })=>scrollSnapAlign || 'none', ";scroll-snap-stop:", ({ scrollSnapAlign, scrollSnapStop })=>scrollSnapAlign ? scrollSnapStop : 'normal', ";");
const CarouselItem = ({ scrollSnapAlign = 'center', scrollSnapStop = 'always', children, ...rest })=>{
    return /*#__PURE__*/ _react.default.createElement(StyledItem, {
        scrollSnapAlign: scrollSnapAlign,
        scrollSnapStop: scrollSnapStop,
        role: "group",
        "aria-roledescription": "slide",
        ...rest
    }, children);
};
