import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject, _templateObject2;
var FileUploadWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.FileUploadError {\n    background: ", ";\n    border: 1px solid ", ";\n    :hover {\n      background: ", ";\n      label {\n        background: ", ";\n      }\n    }\n  }\n\n  height: 47px;\n  background: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: 4px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0px 5px;\n  :hover {\n    background: ", ";\n\n    label {\n      transition: none;\n      background: ", ";\n      box-shadow: none;\n    }\n  }\n  .css-8je8zh-MuiTouchRipple-root {\n    display: none;\n  }\n\n  > div {\n    padding-left: 20px;\n  }\n\n  label {\n    width: 100px;\n    height: 37px;\n    background: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    border: 1px solid ", ";\n    border-radius: 4px;\n    box-shadow: none;\n    padding: 0px;\n    justify-content: space-evenly;\n    text-transform: none;\n    margin-left: 25px;\n    transition: none;\n  }\n\n  &.disabled {\n    background: ", ";\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n\n    label {\n      background: ", ";\n      color: ", ";\n      cursor: not-allowed;\n\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n    :hover {\n      background: ", ";\n      label {\n        background: ", ";\n      }\n    }\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourStateErrorTintLight;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourStateErrorTint;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourStateErrorTintLight;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialPrimary;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourMaterialPrimary;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.fontWorkSansRegular;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.fontSize14;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourTextPrimary;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourMaterialBorder;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.colourMaterialPrimaryHover;
}, function (_ref11) {
  var theme = _ref11.theme;
  return theme.colourMaterialPrimaryHover;
}, function (_ref12) {
  var theme = _ref12.theme;
  return theme.colourMaterialPrimary;
}, function (_ref13) {
  var theme = _ref13.theme;
  return theme.fontWorkSansRegular;
}, function (_ref14) {
  var theme = _ref14.theme;
  return theme.fontSize14;
}, function (_ref15) {
  var theme = _ref15.theme;
  return theme.colourTextPrimary;
}, function (_ref16) {
  var theme = _ref16.theme;
  return theme.colourMaterialBorder;
}, function (_ref17) {
  var theme = _ref17.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref18) {
  var theme = _ref18.theme;
  return theme.colourMaterialBorder;
}, function (_ref19) {
  var theme = _ref19.theme;
  return theme.colourTextDisabled;
}, function (_ref20) {
  var theme = _ref20.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref21) {
  var theme = _ref21.theme;
  return theme.colourTextDisabled;
}, function (_ref22) {
  var theme = _ref22.theme;
  return theme.colourTextDisabled;
}, function (_ref23) {
  var theme = _ref23.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref24) {
  var theme = _ref24.theme;
  return theme.colourMaterialPrimaryBackground;
});
var FileUploadContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-grid;\n  > div:first-child {\n    width: auto;\n    margin-bottom: 10px;\n  }\n"])));

export { FileUploadContainer, FileUploadWrapper };
//# sourceMappingURL=style.js.map
