"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.MainCellLayout = MainCellLayout;
var _designSystem = require("@wix/design-system");
var _react = _interopRequireDefault(require("react"));
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/NestedTable/MainCellLayout.tsx";
function MainCellLayout(props) {
  const {
    dataHook,
    image,
    breadcrumbs,
    dragHandle,
    expandCollapseButton,
    title,
    subtitle,
    titleMaxWidth
  } = props;
  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    direction: "horizontal",
    verticalAlign: "middle",
    dataHook: dataHook,
    minWidth: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 27,
      columnNumber: 5
    }
  }, dragHandle, expandCollapseButton, image && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    height: "40px",
    paddingInlineEnd: "12px",
    dataHook: "image",
    flexShrink: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36,
      columnNumber: 9
    }
  }, image), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    direction: "vertical",
    minWidth: 0,
    minHeight: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 45,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    direction: "horizontal",
    minWidth: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 46,
      columnNumber: 9
    }
  }, breadcrumbs, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    flexShrink: titleMaxWidth != null ? 0 : undefined,
    minWidth: 0,
    maxWidth: titleMaxWidth,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 48,
      columnNumber: 11
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
    ellipsis: true,
    size: "small",
    weight: "normal",
    dataHook: "title",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 53,
      columnNumber: 13
    }
  }, title))), subtitle && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
    ellipsis: true,
    size: "tiny",
    secondary: true,
    light: true,
    dataHook: "subtitle",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60,
      columnNumber: 11
    }
  }, subtitle)));
}
//# sourceMappingURL=MainCellLayout.js.map