rsuite/esm/internals/StyledBox/StyledBox.js

A suite of react components

'use client';
import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import Box from "../Box/index.js";
import { forwardRef, mergeStyles, getSizeStyle, getColorStyle } from "../utils/index.js";
const StyledBox = forwardRef((props, ref) => {
  const {
    as,
    color,
    name: componentName,
    style,
    size,
    ...rest
  } = props;
  const boxStyle = mergeStyles(style, getSizeStyle(size, componentName), getColorStyle(color, componentName));
  return /*#__PURE__*/React.createElement(Box, _extends({
    as: as,
    ref: ref,
    style: boxStyle
  }, rest));
});
StyledBox.displayName = 'StyledBox';
export default StyledBox;