import styled from "styled-components";
export const Wrapper = styled.div(({ isOn }) => `
  width: 54px;
  height: 32px;
  background: ${isOn ? "#1792FF" : "#ecf6ff"};
  border-radius: 100px;
  display: flex;
  justify-content: ${isOn ? "flex-end" : "flex-start"};
  align-items: center;
  padding: 0 2px;
`);
export const Circle = styled.div `
  width: 28px;
  height: 28px;
  background: #ffffff;
  border-radius: 100px;
`;
//# sourceMappingURL=styled.js.map