class ComponentColor {
    constructor(primary, secondary, text = Colors.black, accent = Colors.seagreen_1) {
        this.primary = primary;
        this.secondary = secondary;
        this.text = text;
        this.accent = accent;
    }
}


const colorModifiers = {
    upcoming: new ComponentColor(
        MaterialFiveHundredlColors.BLUE,
        MaterialFiveHundredlColors.BLUE,
        MaterialFiveHundredlColors.BLUE,
        MaterialFiveHundredlColors.BLUE,
    ),
    done: new ComponentColor(
        MaterialFiveHundredlColors.GREEN,
        MaterialFiveHundredlColors.SEA_GREEN,
        MaterialFiveHundredlColors.BLUE,
        Colors.white,
    ),
    deactivated: new ComponentColor(
        Colors.gray,
        Colors.lightgrey
    ),
    active: new ComponentColor(
        MaterialFiveHundredlColors.ORANGE,
        MaterialFiveHundredlColors.SOFT_ORANGE
    ),
    import: new ComponentColor(
        MaterialFiveHundredlColors.BLUE,
        MaterialFiveHundredlColors.BLUE,
        MaterialFiveHundredlColors.BLUE,
        MaterialFiveHundredlColors.BLUE,
    )
}

const componentModifiers={
    majorArea: new Modifier().clip(Shapes.RoundedCorner.all(16)),
}