"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.FilterPlaceholder = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _ = require("../../../");

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

var FilterPlaceholder = function FilterPlaceholder() {
  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Group, null, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "76%"
  })), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "73%"
  })), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "85%"
  })), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "82%"
  })), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "74%"
  })), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "70%"
  }))), /*#__PURE__*/_react["default"].createElement(Group, null, /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(76% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(73% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(85% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(82% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(74% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(70% - 4rem)"
  }))), /*#__PURE__*/_react["default"].createElement(Group, null, /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(76% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(73% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(85% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(82% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(74% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(70% - 4rem)"
  }))), /*#__PURE__*/_react["default"].createElement(Group, null, /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(76% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(73% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(85% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(82% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(74% - 4rem)"
  })), /*#__PURE__*/_react["default"].createElement(RowCheckbox, null, /*#__PURE__*/_react["default"].createElement(_.Placeholder, null), /*#__PURE__*/_react["default"].createElement(_.Placeholder, {
    width: "calc(70% - 4rem)"
  }))));
};

exports.FilterPlaceholder = FilterPlaceholder;

var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var Group = _styledComponents["default"].div.attrs({
  className: 'mb-3 pb-3'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  border-bottom: 0.1rem solid ", ";\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.palette.disabled;
});

var Row = _styledComponents["default"].div.attrs({
  className: 'mb-2'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  align-items: center;\n\n  & > div {\n    height: 1.4rem;\n  }\n"])));

var RowCheckbox = _styledComponents["default"].div.attrs({
  className: 'mb-2'
})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  align-items: center;\n\n  & > div:first-child {\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 50%;\n    margin-right: 1.5rem;\n  }\n\n  & > div:last-child {\n    height: 1.4rem;\n  }\n"])));
//# sourceMappingURL=index.js.map