import { BreakpointsTokenType } from '../../types/design-token.type';
import { ColumnAlignType } from './interface';
/**
 * Input a breakpoint, return the responsive style classes of the breakpoint
 *
 * @param {BreakpointsTokenType} breakpoint - The breakpoint as an input
 * @param {string} className - The input class that will be formatted to responsive classes
 * @returns {string} The style classes for the breakpoint
 */
export declare const generateResponsiveClass: (breakpoint: BreakpointsTokenType, className: string) => string;
/**
 * Input an align, return the style class of the alignment
 *
 * @param {ColumnAlignType} align - The align type
 * @returns {string} The alignment style classes
 */
export declare const generateTextAlignClass: (align: ColumnAlignType) => string;
/**
 * The function `generateColSpan` calculates the column span based on the length of columns and whether multiple selection is enabled.
 *
 * @param {number} columnLength - The number of columns in a table or grid.
 * @param {boolean} withMultipleSelection - A boolean value indicating whether the table has a column for multiple selection.
 * @param {boolean} withRowDraggable - A boolean value indicating whether the table has a column for row draggable.
 * @returns {number} the value of `columnLength` plus 2 if `withMultipleSelection` is true, or plus 1 if `withMultipleSelection` is false, plus 1 if `withRowDraggable` is true.
 */
export declare const generateColSpan: (columnLength: number, withMultipleSelection: boolean, withRowDraggable: boolean) => number;
