import { jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
import { sliderContainer } from "./sliderStyles.js";
/**
 * The `SliderContainer` component is mostly an internal component that is
 * built-in to the `Slider` and `RangeSlider` components to add addons to the
 * left or right of the `SliderTrack`. When vertical, it will add addons to the
 * bottom or top instead.
 *
 * @internal
 * @since 2.5.0
 * @since 6.0.0 Removed the `label` support since you'll generally want to use
 * a `Fieldset` instead.
 */ export const SliderContainer = /*#__PURE__*/ forwardRef(function SliderContainer(props, ref) {
    const { className, children, beforeAddon, afterAddon, vertical, ...remaining } = props;
    return /*#__PURE__*/ _jsxs("div", {
        ...remaining,
        ref: ref,
        className: sliderContainer({
            className,
            vertical,
            beforeAddon: !!beforeAddon,
            afterAddon: !!afterAddon
        }),
        children: [
            beforeAddon,
            children,
            afterAddon
        ]
    });
});

//# sourceMappingURL=SliderContainer.js.map