/**
lwj-mobile-ui 的轮播图采用的是 taro-ui 的 AtSwipeAction 组件
AtSwipeAction 组件内部阻止了事件冒泡，导致 react-layout-grid 拖拽事件失效
所以在上面加一层cover 修复此问题
 */
import React from 'react';
import styled from 'styled-components';

interface ICoverProps {}

const Cover: React.FC<ICoverProps> = (props) => {
  return (
    <div style={{ position: 'relative' }}>
      <CoverBox
        style={{
          height: window.innerHeight + 'px',
        }}
      ></CoverBox>
      {props.children}
    </div>
  );
};

const CoverBox = styled.div`
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: calc(100% - 10px);
`;
export default Cover;
