// import styled from 'styled-components';
import { css } from 'emotion';
var DrawerWrap = /*#__PURE__*/css({
  '.ant-drawer-body': {
    height: 'calc(100vh - 56px)',
    overflow: 'auto',
    display: 'flex',
    padding: 0
  },
  '.ant-drawer-close': {
    color: '#fff',
    width: 32,
    height: 32,
    borderRadius: '50%',
    background: '#1890ff',
    lineHeight: 0,
    top: 12,
    right: 4
  },
  '.ant-drawer-close:hover': {
    color: '#fff'
  }
}, "label:DrawerWrap;");
var ListWrapper = /*#__PURE__*/css({
  width: '250px',
  height: '200px',
  padding: '0 10px 12px 10px',
  margin: 'auto',
  cursor: 'pointer',
  '&:hover': {
    color: '#4477ee',
    '> div:first-child': {
      boxShadow: '0px 1px 4px 0px #04529b'
    }
  }
}, "label:ListWrapper;");
var ListWrap = /*#__PURE__*/css({
  position: 'relative',
  display: 'flex',
  height: 200,
  marginBottom: 20,
  boxShadow: '0px 1px 4px 0px #bdb8b8',
  alignItems: 'center',
  overflow: 'hidden',
  '&:hover': {
    '>div:first-child': {
      display: 'flex'
    }
  }
}, "label:ListWrap;");
var Wrap = /*#__PURE__*/css({
  display: 'none',
  position: 'absolute',
  width: '100%',
  height: '100%',
  zIndex: 999,
  justifyContent: 'space-between',
  background: 'rgba(40, 39, 39, 0.3)',
  color: '#fff'
}, "label:Wrap;");
var TitleBtn = /*#__PURE__*/css({
  padding: '10px 20px',
  fontSize: 20
}, "label:TitleBtn;");
var AddIconBtn = /*#__PURE__*/css({
  position: 'absolute',
  width: '100%',
  height: '100%',
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  zIndex: -1
}, "label:AddIconBtn;");
var EmptyBlock = /*#__PURE__*/css({
  width: '100%',
  height: '100%',
  display: 'flex',
  minHeight: 100,
  justifyContent: 'center',
  alignItems: 'center'
}, "label:EmptyBlock;");
export { DrawerWrap, ListWrapper, ListWrap, Wrap, TitleBtn, AddIconBtn, EmptyBlock };
//# sourceMappingURL=BlockStyle.js.map