import React from "react";
import styled from "styled-components";
const StyledItem = styled.div.withConfig({
    displayName: "CarouselItem__StyledItem",
    componentId: "sc-6bff0f9e-0"
})([
    `box-sizing:content-box;scroll-snap-align:`,
    `;scroll-snap-stop:`,
    `;`
], ({ scrollSnapAlign })=>scrollSnapAlign || 'none', ({ scrollSnapAlign, scrollSnapStop })=>scrollSnapAlign ? scrollSnapStop : 'normal');
export const CarouselItem = ({ scrollSnapAlign = 'center', scrollSnapStop = 'always', children, ...rest })=>{
    return /*#__PURE__*/ React.createElement(StyledItem, {
        scrollSnapAlign: scrollSnapAlign,
        scrollSnapStop: scrollSnapStop,
        role: "group",
        "aria-roledescription": "slide",
        ...rest
    }, children);
};
