import {css} from '@mui/material/styles';
import type {Theme} from '@mui/material';

const normal = (theme: Theme) => {
    const color = theme.palette.gray;
    return css`
        color: ${color[500]};
    `;
};

const active = (theme: Theme) => {
    const color = theme.palette.success;
    return css`
        color: ${color[500]};
    `;
};

const inactive = (theme: Theme) => {
    const color = theme.palette.gray;
    return css`
        color: ${color[400]};
    `;
};

export const DotLineVariantStyle = {
    normal,
    active,
    inactive,
};