import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

import { Placeholder } from '../../../';
import React from 'react';
import styled from 'styled-components';
export var FilterPlaceholder = () => {
  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Placeholder, {
    width: "76%"
  })), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Placeholder, {
    width: "73%"
  })), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Placeholder, {
    width: "85%"
  })), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Placeholder, {
    width: "82%"
  })), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Placeholder, {
    width: "74%"
  })), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Placeholder, {
    width: "70%"
  }))), /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(76% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(73% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(85% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(82% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(74% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(70% - 4rem)"
  }))), /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(76% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(73% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(85% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(82% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(74% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(70% - 4rem)"
  }))), /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(76% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(73% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(85% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(82% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(74% - 4rem)"
  })), /*#__PURE__*/React.createElement(RowCheckbox, null, /*#__PURE__*/React.createElement(Placeholder, null), /*#__PURE__*/React.createElement(Placeholder, {
    width: "calc(70% - 4rem)"
  }))));
};
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
var Group = styled.div.attrs({
  className: 'mb-3 pb-3'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  border-bottom: 0.1rem solid ", ";\n"])), (_ref) => {
  var {
    theme
  } = _ref;
  return theme.palette.disabled;
});
var Row = styled.div.attrs({
  className: 'mb-2'
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  & > div {\n    height: 1.4rem;\n  }\n"])));
var RowCheckbox = styled.div.attrs({
  className: 'mb-2'
})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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