import styled from "styled-components";
import { currentTheme } from "../../theme";
export const Wrapper = styled.div `
  .ui-checkbox__label__disabled {
    color: ${currentTheme.colors.secondary};
  }

  .ui-checkbox__label__error {
    color: ${currentTheme.colors.error};
  }
`;
export const Checkbox = styled.div(({ disabled, error }) => {
    let borderColor = currentTheme.colors.secondary;
    if (error) {
        borderColor = currentTheme.colors.error;
    }
    else if (!disabled) {
        borderColor = currentTheme.colors?.text;
    }
    return `
        width: 16px;
        min-width: 16px;
        height: 16px;

        background: #FFFFFF;
        border: 1px solid ${borderColor};

        box-sizing: border-box;
        border-radius: 2px;

        cursor: ${!disabled ? "pointer" : "default"};

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    `;
});
//# sourceMappingURL=styled.js.map