import styled from 'styled-components';

import Modal from 'antd/lib/Modal';

const WrapperFileView = styled.div`
  line-height: 26px;
  width: 278px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  padding: 4px 4px 4px 8px;

  :hover {
    background: #f2f7ff !important;
    color: #1f6eef !important;
    cursor: pointer;
  }
`;

const WrapperModal = styled(Modal)`
  width:640px;
  .ant-modal-content{
    .ant-modal-close{
      top:10px;
      .ant-modal-close-x{
        width:20px;
        height:20px;
        line-height:20px;
        padding: 0;
      }
    }

    .ant-modal-header {
      padding: 8px 12px;
    }

    .ant-modal-body {
      padding: 4px;
    }

    .ant-modal-footer {
      padding: 0px;
    }
  }
`;

export { WrapperFileView, WrapperModal };