import React from 'react';
import { useMultiStyleConfig, Box } from '@chakra-ui/react';

var Slide = function (_a) {
    var onClick = _a.onClick, slideIndex = _a.slideIndex, totalSlides = _a.totalSlides, isCurrent = _a.isCurrent, children = _a.children, fullScreen = _a.fullScreen, slidesPerView = _a.slidesPerView;
    var slide = useMultiStyleConfig('Carousel', fullScreen ? { variant: 'fullScreen' } : {}).slide;
    var flexBasis = slidesPerView === 1
        ? 'full'
        : Object.entries(slidesPerView).reduce(function (acc, _a) {
            var breakpoint = _a[0], value = _a[1];
            acc[breakpoint] = "calc(100% / ".concat(value, ")");
            return acc;
        }, {});
    return (React.createElement(Box, { __css: slide, flexBasis: flexBasis, paddingLeft: slidesPerView === 1 ? 0 : { base: 'md', md: '2xl' }, onClick: onClick, "aria-roledescription": "slide", "aria-label": "".concat(slideIndex + 1, " of ").concat(totalSlides), "aria-current": isCurrent }, children));
};

export { Slide as default };
//# sourceMappingURL=Slide.js.map
