@open-tender/ui/dist/cjs/utils/helpers.d.ts

A component library for use with the Open Tender web app

import { MenuCategory, MenuItem } from '@open-tender/types';
import { ScreenConfig } from '../types';
export declare const makeImageUrl: (entity: MenuItem | MenuCategory) => string | null;
export declare const makeImageProps: (config: ScreenConfig, className: keyof ScreenConfig, imageUrl: string | null, apiUrl: string, placeholder?: string) => {
    style: {
        alignContent?: import("../types").StylesFlexAlignContent | undefined;
        alignItems?: import("../types").StylesFlexAlignItems | undefined;
        alignSelf?: import("../types").StylesFlexAlignSelf | undefined;
        aspectRatio?: number | undefined;
        bottom?: number | undefined;
        columnGap?: number | undefined;
        display?: import("../types").StylesDisplay | undefined;
        flexBasis?: string | number | undefined;
        flexDirection?: import("../types").StylesFlexDirection | undefined;
        flexGrow?: number | undefined;
        flexShrink?: number | undefined;
        flexWrap?: import("../types").StylesFlexWrap | undefined;
        gap?: number | undefined;
        height?: string | number | undefined;
        justifyContent?: import("../types").StylesFlexJustifyContent | undefined;
        left?: number | undefined;
        margin?: number | undefined;
        marginBottom?: number | undefined;
        marginLeft?: number | undefined;
        marginRight?: number | undefined;
        marginTop?: number | undefined;
        maxHeight?: number | undefined;
        maxWidth?: number | undefined;
        minHeight?: number | undefined;
        minWidth?: number | undefined;
        overflow?: import("../types").StylesOverflow | undefined;
        padding?: number | undefined;
        paddingBottom?: number | undefined;
        paddingLeft?: number | undefined;
        paddingRight?: number | undefined;
        paddingTop?: number | undefined;
        position?: import("../types").StylesPosition | undefined;
        right?: number | undefined;
        rowGap?: number | undefined;
        top?: number | undefined;
        width?: string | number | undefined;
        zIndex?: number | undefined;
        backfaceVisibility?: import("../types").StylesBackfaceVisibility | undefined;
        backgroundAttachment?: import("../types").StylesBackgroundAttachment | undefined;
        backgroundClip?: import("../types").StylesBackgroundClip | undefined;
        backgroundColor?: string | undefined;
        backgroundImage?: string | undefined;
        backgroundOrigin?: import("../types").StylesBackgroundOrigin | undefined;
        backgroundPosition?: import("../types").StylesBackgroundPosition | undefined;
        backgroundPositionX?: import("../types").StylesBackgroundPositionX | undefined;
        backgroundPositionY?: import("../types").StylesBackgroundPositionY | undefined;
        backgroundRepeat?: import("../types").StylesBackgroundRepeat | undefined;
        backgroundSize?: import("../types").StylesBackgroundSize | undefined;
        borderBottomColor?: string | undefined;
        borderBottomLeftRadius?: number | undefined;
        borderBottomRightRadius?: number | undefined;
        borderBottomWidth?: number | undefined;
        borderColor?: string | undefined;
        borderLeftColor?: string | undefined;
        borderLeftWidth?: number | undefined;
        borderRadius?: number | undefined;
        borderRightColor?: string | undefined;
        borderRightWidth?: number | undefined;
        borderStyle?: import("../types").StylesBorderStyle | undefined;
        borderTopColor?: string | undefined;
        borderTopLeftRadius?: number | undefined;
        borderTopRightRadius?: number | undefined;
        borderTopWidth?: number | undefined;
        borderWidth?: number | undefined;
        boxShadow?: string | undefined;
        elevation?: number | undefined;
        opacity?: number | undefined;
        pointerEvents?: import("../types").StylesPointerEvents | undefined;
        shadowColor?: string | undefined;
        shadowOffsetX?: number | undefined;
        shadowOffsetY?: number | undefined;
        shadowOpacity?: number | undefined;
        shadowRadius?: number | undefined;
        shadowSpread?: number | undefined;
        color?: string | undefined;
        fontFamily?: string | undefined;
        fontSize?: number | undefined;
        fontStyle?: import("../types").StylesFontStyle | undefined;
        fontWeight?: string | number | undefined;
        letterSpacing?: number | undefined;
        lineHeight?: number | undefined;
        textAlign?: import("../types").StylesTextAlign | undefined;
        textDecoration?: import("../types").StylesTextDecoration | undefined;
        textShadow?: string | undefined;
        textShadowColor?: string | undefined;
        textShadowOffsetX?: number | undefined;
        textShadowOffsetY?: number | undefined;
        textShadowRadius?: number | undefined;
        textTransform?: import("../types").StylesTextTransform | undefined;
        WebkitFontSmoothing?: import("../types").StylesTextFontSmoothing | undefined;
        strokeWidth?: number | undefined;
    };
    alt?: string | undefined;
    as?: import("../types").ElementAs | undefined;
    icon?: import("../types").ElementIcon | undefined;
    text?: string | undefined;
    src?: string | undefined;
    className: string;
    classes: string;
} | {
    className: string;
    classes: string;
    style: undefined;
    text: undefined;
};