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

const sm = css`
    height: 6px;
    width: 6px;
    border-width: 3px;
`;

const md = css`
    height: 8px;
    width: 8px;
    border-width: 4px;
`;

const lg = css`
    height: 10px;
    width: 10px;
    border-width: 5px;
`;

export const DotSizeStyle = {
    sm,
    md,
    lg,
};