import { jsxs as _jsxs } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { forwardRef } from "react";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-slider-container");
/**
 * **Server Component**
 *
 * 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
 * @remarks
 * \@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: cnb(styles({
            h: !vertical,
            "pad-left": !vertical && !beforeAddon,
            "pad-right": !vertical && !afterAddon,
            v: vertical,
            "pad-bottom": vertical && !beforeAddon,
            "pad-top": vertical && !afterAddon
        }), className),
        children: [
            beforeAddon,
            children,
            afterAddon
        ]
    });
});

//# sourceMappingURL=SliderContainer.js.map