"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get CarouselTrack () {
        return CarouselTrack;
    },
    get CarouselVirtualItem () {
        return CarouselVirtualItem;
    },
    get CarouselWrapper () {
        return CarouselWrapper;
    },
    get ControlsWrapper () {
        return ControlsWrapper;
    },
    get IconButton () {
        return IconButton;
    },
    get IconButtonComponent () {
        return IconButtonComponent;
    },
    get base () {
        return base;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _engines = require("../../../engines");
const _IconButton = require("../../IconButton");
const _Carouseltokens = require("./Carousel.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedConfig = (0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
const IconButtonComponent = (0, _engines.component)(mergedConfig);
const base = (0, /*#__PURE__*/ _react.css)("position:relative;", "base");
const CarouselWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eyydgzr0",
    label: "CarouselWrapper"
})("position:relative;padding:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y;cursor:", ({ isSwipeEnabled })=>isSwipeEnabled ? 'grab' : 'default', ";&:active{cursor:", ({ isSwipeEnabled })=>isSwipeEnabled ? 'grabbing' : 'default', ";}");
const CarouselTrack = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eyydgzr1",
    label: "CarouselTrack"
})("display:inline-flex;flex-direction:row;gap:", ({ gap })=>gap, ";vertical-align:top;& > div{scroll-snap-align:none;}");
const CarouselVirtualItem = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eyydgzr2",
    label: "CarouselVirtualItem"
})("display:flex;flex:0 0 auto;");
const IconButton = /*#__PURE__*/ (0, _styled.default)(IconButtonComponent, {
    target: "eyydgzr3",
    label: "IconButton"
})("position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", _IconButton.iconButtonTokens.iconButtonColor, ":var(", _Carouseltokens.tokens.controlIconButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Carouseltokens.tokens.controlIconButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Carouseltokens.tokens.controlIconButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Carouseltokens.tokens.controlIconButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Carouseltokens.tokens.controlIconButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Carouseltokens.tokens.controlIconButtonBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":2.5rem;", _IconButton.iconButtonTokens.iconButtonWidth, ":2.5rem;", _IconButton.iconButtonTokens.iconButtonPadding, ":1rem;", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Carouseltokens.tokens.controlIconButtonRadius, ");&.", _Carouseltokens.classes.rightControlButton, "{left:auto;right:0.75rem;}");
const ControlsWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eyydgzr4",
    label: "ControlsWrapper"
})("position:relative;");
