import styled from "styled-components";
export const Container = styled.div `
  box-sizing: border-box;
  width: 14px;
  height: 14px;

  border-radius: 7px;
  background: #ffffff;
  border: ${({ theme }) => theme.new?.radioButton?.border ?? "unset"};

  margin-right: 12px;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
`;
export const Checked = styled.div `
  ${({ theme, checked }) => checked
    ? `
                background: ${theme.new?.radioButton?.colorChecked ?? "unset"};
                width: 8px;
                height: 8px;
                border-radius: 4px;
            `
    : "display: none;"}
`;
//# sourceMappingURL=radio-button.styled.js.map