import styled from "styled-components";
export const Switch = styled.div `
  position: relative;
  transition: 200ms ease-out;
  cursor: pointer;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #3897f9;
  border-radius: 50%;
  &:after {
    background: transparent;
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -35%) rotate(135deg);
    transition: 200ms ease-out;
    z-index: 1;
    width: 17px;
    height: 17px;
    border-left: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
  }
  ${(props) => props.down
    ? `
        &:after {
          transform: translate(-50%, -65%) rotate(-45deg);
  
        }
  
  `
    : ``}

  ${(props) => props.disable
    ? `
        &:before {
          background: #919CA7;
        }
        &:after {
          opacity: 1;
        }
  `
    : ``}
`;
//# sourceMappingURL=other.js.map