'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var Cell_styles = require('./Cell.styles.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

var CellUI = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
  var filenameWithoutExtension = _ref.filenameWithoutExtension,
    extension = _ref.extension,
    description = _ref.description,
    className = _ref.className,
    size = _ref.size,
    cellContentLeft = _ref.cellContentLeft,
    cellContentRight = _ref.cellContentRight;
  return /*#__PURE__*/React__default.default.createElement(Cell_styles.StyledCell, {
    ref: ref,
    stretching: "filled",
    size: size,
    contentLeft: cellContentLeft,
    contentRight: cellContentRight,
    className: className
  }, /*#__PURE__*/React__default.default.createElement(Cell_styles.FileInfoWrapper, null, /*#__PURE__*/React__default.default.createElement(Cell_styles.FilenameWrapper, null, /*#__PURE__*/React__default.default.createElement(Cell_styles.TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/React__default.default.createElement(Cell_styles.FilenameExtensionPart, null, filenameWithoutExtension.at(-1), extension)), /*#__PURE__*/React__default.default.createElement(Cell_styles.FileDescription, null, description)));
});

exports.CellUI = CellUI;
