import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["backgroundColor", "className", "children"];
import React, { forwardRef } from 'react';
import Box from '../box';
import cx from 'classnames';
import theme from './theme.css';
var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
  var _ref$backgroundColor = _ref.backgroundColor,
      backgroundColor = _ref$backgroundColor === void 0 ? 'white' : _ref$backgroundColor,
      className = _ref.className,
      children = _ref.children,
      others = _objectWithoutProperties(_ref, _excluded);

  var classNames = cx(theme['row'], theme["has-background-".concat(backgroundColor)], className);
  return /*#__PURE__*/React.createElement(Box, _extends({
    className: classNames,
    ref: ref
  }, others), children);
});
Row.displayName = 'Row';
export default Row;