import React from "react";
import styled from "@emotion/styled";
const StyledItem = /*#__PURE__*/ styled("div", {
    target: "enecxb40",
    label: "StyledItem"
})("box-sizing:content-box;scroll-snap-align:", ({ scrollSnapAlign })=>scrollSnapAlign || 'none', ";scroll-snap-stop:", ({ 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);
};
