import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { segmentedButtonContainerStyles } from "./segmentedButtonContainerStyles.js";
/**
 * **Server Component**
 *
 * Simple wrapper `div` to apply the segmented button container styles. You can
 * just use the {@link segmentedButtonContainerStyles} util function instead.
 *
 * @example Without This Component
 * ```tsx
 * import {
 *   SegmentedButton,
 *   segmentedButtonContainerStyles,
 * } from "@react-md/core";
 * import type { ReactElement } from "react";
 *
 * import { CustomWrapperComponent } from "./CustomWrapperComponent.jsx";
 *
 * function Example(): ReactElement {
 *   return (
 *     <CustomWrapperComponent className={segmentedButtonContainerStyles()}>
 *       <SegmentedButton>One</SegmentedButton>
 *       <SegmentedButton>Two</SegmentedButton>
 *       <SegmentedButton>Three</SegmentedButton>
 *     </CustomWrapperComponent>
 *   );
 * }
 * ```
 *
 * @since 6.0.0
 */ export const SegmentedButtonContainer = /*#__PURE__*/ forwardRef(function SegmentedButtonContainer(props, ref) {
    const { className, disableFullWidth, children, ...remaining } = props;
    return /*#__PURE__*/ _jsx("div", {
        ...remaining,
        ref: ref,
        className: segmentedButtonContainerStyles({
            className,
            disableFullWidth
        }),
        children: children
    });
});

//# sourceMappingURL=SegmentedButtonContainer.js.map