import styled from 'styled-components';

// Styled Components
export const StyledFilterDataCover = styled.div`
  position: relative;
`;

export const StyledFilterData = styled.div`
  position: relative;
  padding: 3px 4px;
  cursor: pointer;
`;

export const StyledSvgCover = styled.div`
  margin-right: 9px;
  display: flex;
  align-items: center;
`;

export const StyledFilterOptions = styled.div`
         position: absolute;
         top: 42px;
         width: 169px;
         padding: 5px 1px 3px 1px;
         border-radius: 6px;
         border: 1px solid rgba(224, 226, 231, 0.5);
         background: #fff;
         box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
         right: -9px;
         z-index: 99;

         label {
           display: block;
           text-align: left;
           padding: 6px 10px;
           margin-right: 0;
           display: flex;
           gap: 8px;
           position: relative;
           padding-left: 39px;
           input {
             position: absolute;
             left: 7px;
             top: 4px;
             opacity: 0;
           }
         }
       `;
