import style from 'styled-components';

export const Container = style.div`{
  padding:24px;
}`;


export const SearchItem = style.div`{
  margin-bottom:${props => props.marginBottom || "24"}px;
  .input{
    width:214px;
    height:32px;
    margin-right:16px;
  }
  .btn{
    margin-right:8px;
  }
}`;


export const DrawHeader = style.div`
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  padding:19px;
  border-bottom:1px solid #E9E9E9;
`;

export const Empty = style.div`
  padding-left:194px;
`;

export const DrawBottomBtns = style.div`
 height:61px;
 border-top:1px solid #E9E9E9;
 position: fixed;
 bottom: 0px;
 width: 100%;
 display: flex;
 flex-direction: row-reverse;
 padding-right: 50px;
 justify-items: center;
 align-items: center;
 background:#fff;
`;

export const Options = style.div`
  font-size: 12px;
  color: #0F71FF;
  line-height: 12px;
  cursor:pointer;
  >span{
    margin-right:8px;
  }
`;