import styled from "styled-components";
export const Wrapper = styled.div `
  display: flex;
  flex-flow: column nowrap;
  position: relative;

  > .button-group {
    display: flex;
    flex-flow: row nowrap;
  }

  > .dropdown {
    position: absolute;
    top: 65px;
    left: 20px;
    display: flex;
    flex-flow: column nowrap;
    overflow-y: auto;
    max-height: 200px;
    background: #1792FF;
    border-radius: 4px;
    padding: 4px 0;

    &.collapsed {
      display: none;
    }

    > .item {
      cursor: pointer;
      padding: 4px 20px;
      color: white;

      &:hover {
        background: #0078E2;
      }
    }
  }
`;
//# sourceMappingURL=styled.js.map