import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
import React__default from 'react';
import { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel.js';
import { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle.js';
import { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle.js';
import { cx } from '../../../../utils/index.js';
import { CellTextboxStyled } from './CellTextbox.styles.js';

var _excluded = ["label", "title", "subtitle", "children", "className"];
var CellTextbox = function CellTextbox(_ref) {
  var label = _ref.label,
    title = _ref.title,
    subtitle = _ref.subtitle,
    children = _ref.children,
    className = _ref.className,
    rest = _objectWithoutProperties(_ref, _excluded);
  return (
    /*#__PURE__*/
    // TODO: #1548
    React__default.createElement(CellTextboxStyled, _extends({
      className: cx('cell-textbox', className)
    }, rest), label || title || subtitle ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React__default.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React__default.createElement(CellTextboxSubtitle, null, subtitle)) : children)
  );
};

export { CellTextbox };
