import styled from "styled-components";
import { currentTheme } from "../../theme";
export const RadioButton = styled.div(({ checked }) => `
        box-sizing: border-box;
        width: 14px;
        height: 14px;

        border-radius: 7px;
        background: #FFFFFF;
        border: 1px solid ${currentTheme.colors?.border};

        margin-right: 12px;

        display: flex;
        justify-content: center;
        align-items: center;

        > .ui-radio-button__input__checked {
            ${checked
    ? `
                background: ${currentTheme.colors.primary};
                width: 8px;
                height: 8px;
                border-radius: 4px;
            `
    : "display: none;"}
        }
    `);
export const RadioLabel = styled.div `
  display: flex;
  align-items: center;
  cursor: pointer;
`;
//# sourceMappingURL=styled.js.map