require('./Attach.styles_17eum4v.css');
'use strict';

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

var react = require('@linaria/react');
var Attach_tokens = require('./Attach.tokens.js');

var base = "by826kf";
var StyledHiddenInput = /*#__PURE__*/react.styled('input')({
  name: "StyledHiddenInput",
  "class": "sw7vb9c",
  propsAsIs: false
});
var StyledAttachButtonWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledAttachButtonWrapper",
  "class": "suojwhg",
  propsAsIs: false
});
var StyledHelperText = /*#__PURE__*/react.styled('div')({
  name: "StyledHelperText",
  "class": "sjp429d",
  propsAsIs: false
});
var _exp = function _exp() {
  return function (_ref) {
    var isInsideDropdown = _ref.isInsideDropdown;
    return isInsideDropdown ? "var(".concat(Attach_tokens.tokens.filenameDropdownWrapperHeight, ")") : "var(".concat(Attach_tokens.tokens.filenameWrapperHeight, ")");
  };
};
var FilenameWrapper = /*#__PURE__*/react.styled('div')({
  name: "FilenameWrapper",
  "class": "fssye98",
  propsAsIs: false,
  vars: {
    "fssye98-0": [/*#__PURE__*/_exp()]
  }
});
var _exp2 = function _exp2() {
  return function (_ref2) {
    var applyOverflow = _ref2.applyOverflow;
    return applyOverflow ? 'hidden' : 'unset';
  };
};
var FilesWrapper = /*#__PURE__*/react.styled('div')({
  name: "FilesWrapper",
  "class": "f1531dv",
  propsAsIs: false,
  vars: {
    "f1531dv-0": [/*#__PURE__*/_exp2()]
  }
});
var _exp7 = function _exp7() {
  return function (_ref3) {
    var applyEllipsis = _ref3.applyEllipsis;
    return applyEllipsis ? 'hidden' : 'visible';
  };
};
var _exp8 = function _exp8() {
  return function (_ref4) {
    var applyEllipsis = _ref4.applyEllipsis;
    return applyEllipsis ? 'ellipsis' : 'unset';
  };
};
var TruncatedFilenamePart = /*#__PURE__*/react.styled('span')({
  name: "TruncatedFilenamePart",
  "class": "t7plw5t",
  propsAsIs: false,
  vars: {
    "t7plw5t-0": [/*#__PURE__*/_exp7()],
    "t7plw5t-1": [/*#__PURE__*/_exp8()]
  }
});
var FilenameExtensionPart = /*#__PURE__*/react.styled('span')({
  name: "FilenameExtensionPart",
  "class": "fzenwjx",
  propsAsIs: false
});

exports.FilenameExtensionPart = FilenameExtensionPart;
exports.FilenameWrapper = FilenameWrapper;
exports.FilesWrapper = FilesWrapper;
exports.StyledAttachButtonWrapper = StyledAttachButtonWrapper;
exports.StyledHelperText = StyledHelperText;
exports.StyledHiddenInput = StyledHiddenInput;
exports.TruncatedFilenamePart = TruncatedFilenamePart;
exports.base = base;
//# sourceMappingURL=Attach.styles.js.map
