NumberPropertyPreview.tsx

import React from "react";

import { EnumValuesChip } from "../components/ColorChip";
import { PropertyPreviewProps } from "../index";
import { resolveEnumValues } from "../../core";

/**
 * @category Preview components
 */
export function NumberPropertyPreview({
                                  value,
                                  property,
                                  size
                              }: PropertyPreviewProps<number>): React.ReactElement {

    if (property.enumValues) {
        const enumKey = value;
        const enumValues = resolveEnumValues(property.enumValues);
        return <EnumValuesChip
            enumKey={enumKey}
            enumValues={enumValues}
            small={size !== "regular"}/>;
    } else {
        return <>{value}</>;
    }
}