import React from 'react';
import type { Horizontal, Vertical, Direction } from './types';
export declare const flexDirectionOptions: {
    option: 'row' | 'column';
    icon: JSX.Element;
}[];
export declare const horizontalOptions: {
    option: Horizontal['option'];
    icon: JSX.Element;
}[];
export declare const verticalOptions: {
    option: Vertical['option'];
    icon: JSX.Element;
}[];
/**
 * Calculates the horizontal/vertical UI option selected based on column vs row and justifyContent vs alignItems
 * @param flexDirection
 * @param alignItemsValue
 * @param justifyContentValue
 * @param directionState
 * @returns 'left' | 'right' | 'center' | 'top' | 'bottom' | undefined
 */
export declare const getOption: (flexDirection: React.CSSProperties['flexDirection'], alignItemsValue: React.CSSProperties['alignItems'], justifyContentValue: React.CSSProperties['justifyContent'], directionState: 'horizontal' | 'vertical') => string | undefined;
/**
 * Calculates the css property based on the selected options in horizontal/vertical alignment
 * @param flexDirection
 * @param direction
 * @returns "{ prop: 'justifyContent' | 'alignItems', value: 'flex-start' | 'center' | 'flex-end' }"
 */
export declare const getCss: (direction: Direction, flexDirection?: string) => {
    prop: string;
    value: string;
};