zeplin-extension-style-kit/src/declarations/justifyContent.ts

Models and utilities to generate CSS-like style code in Zeplin extensions.

import { STYLE_PROPS } from "../constants.js";
import { StyleDeclaration } from "../common.js";

type JustifyContentValue = "center" | "max" | "min" | "space-between";
type MappedJustifyContentValue = "center" | "flex-end" | "flex-start" | "space-between";

const valueMapper: Record<JustifyContentValue, MappedJustifyContentValue> = {
    "center": "center",
    "max": "flex-end",
    "min": "flex-start",
    "space-between": "space-between"
} as const;

export class JustifyContent implements StyleDeclaration {
    private value: JustifyContentValue;

    constructor(value: JustifyContentValue) {
        this.value = value;
    }

    get name(): string {
        return STYLE_PROPS.JUSTIFY_CONTENT;
    }

    equals(other: JustifyContent): boolean {
        return this.value === other.value;
    }

    getValue(): MappedJustifyContentValue {
        return valueMapper[this.value];
    }
}