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

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

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

var base = "bgptba4";
var StyledHiddenInput = /*#__PURE__*/react.styled('input')({
  name: "StyledHiddenInput",
  "class": "s1ydu94s",
  propsAsIs: false
});
var StyledAttachButtonWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledAttachButtonWrapper",
  "class": "s9bawx6",
  propsAsIs: false
});
var StyledHelperText = /*#__PURE__*/react.styled('div')({
  name: "StyledHelperText",
  "class": "s9n7lyr",
  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": "f1cbdz9b",
  propsAsIs: false,
  vars: {
    "f1cbdz9b-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": "ftjopo4",
  propsAsIs: false,
  vars: {
    "ftjopo4-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": "thfm6gj",
  propsAsIs: false,
  vars: {
    "thfm6gj-0": [/*#__PURE__*/_exp7()],
    "thfm6gj-1": [/*#__PURE__*/_exp8()]
  }
});
var FilenameExtensionPart = /*#__PURE__*/react.styled('span')({
  name: "FilenameExtensionPart",
  "class": "fq5brg2",
  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;
