import {css} from '@emotion/react';

const extraSmall = css`
    width: 14px !important;
    height: 14px !important;
    border-radius: 4px;
`;

const small = css`
    width: 16px !important;
    height: 16px !important;
    border-radius: 4px;
`;

const medium = css`
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px;
`;

export const CheckboxSizeStyle = {
    'extra-small': extraSmall,
    small,
    medium,
};