import type { ControlModel } from '$shared/lib';
import { createTypographyControlManager } from '../../lib';
import {
    DEFAULT_FONT_SIZE,
    DEFAULT_FONT_WEIGHT,
    DEFAULT_LINE_HEIGHT,
    FONT_SIZE_STEP,
    FONT_WEIGHT_STEP,
    LINE_HEIGHT_STEP,
    MAX_FONT_SIZE,
    MAX_FONT_WEIGHT,
    MAX_LINE_HEIGHT,
    MIN_FONT_SIZE,
    MIN_FONT_WEIGHT,
    MIN_LINE_HEIGHT,
} from '../const/const';

const controlData: ControlModel[] = [
    {
        id: 'font_size',
        value: DEFAULT_FONT_SIZE,
        max: MAX_FONT_SIZE,
        min: MIN_FONT_SIZE,
        step: FONT_SIZE_STEP,

        increaseLabel: 'Increase Font Size',
        decreaseLabel: 'Decrease Font Size',
        controlLabel: 'Font Size',
    },
    {
        id: 'font_weight',
        value: DEFAULT_FONT_WEIGHT,
        max: MAX_FONT_WEIGHT,
        min: MIN_FONT_WEIGHT,
        step: FONT_WEIGHT_STEP,

        increaseLabel: 'Increase Font Weight',
        decreaseLabel: 'Decrease Font Weight',
        controlLabel: 'Font Weight',
    },
    {
        id: 'line_height',
        value: DEFAULT_LINE_HEIGHT,
        max: MAX_LINE_HEIGHT,
        min: MIN_LINE_HEIGHT,
        step: LINE_HEIGHT_STEP,

        increaseLabel: 'Increase Line Height',
        decreaseLabel: 'Decrease Line Height',
        controlLabel: 'Line Height',
    },
];

export const controlManager = createTypographyControlManager(controlData);