import { type FormFieldSize } from "../types/general.types";
type BreakpointsAllowed = [
    FormFieldSize,
    FormFieldSize?,
    FormFieldSize?,
    FormFieldSize?,
    FormFieldSize?
];
/**
 * Creates the correct width tailwind class(es) based on a set of widths for a component.
 * See {@link FormFieldSize} for details.
 *
 * @param size - one or a tuple of sizes to calculate the correct width of a form field
 * @returns one or more tailwind classes with the corresponding width classes and responsiveness if applicable.
 *
 * @example
 *
 * ```
 * const classes = calculateResponsiveWidthClasses('sm'); // -> "ui:w-16"
 * const classes = calculateResponsiveWidthClasses(['sm', 'full']); // -> ["ui:w-16", "ui:sm:w-full"]
 * ```
 */
export declare const calculateResponsiveWidthClasses: (size: FormFieldSize | BreakpointsAllowed) => string[] | {
    "ui:w-16": boolean;
    "ui:w-32": boolean;
    "ui:w-56": boolean;
    "ui:w-80": boolean;
    "ui:w-full": boolean;
};
export {};