import { CSSProperties } from 'react';
import { ButtonProps } from '../button/button';
export type FloatingButtonAxis = 'horizontal' | 'vertical';
export type FloatingButtonColor = 'primary' | 'secondary';
export type FloatingButtonSize = 'medium' | 'large';
export type FloatingButtonPlacement = {
    vertical: 'top' | 'bottom' | 'center';
    horizontal: 'left' | 'right' | 'center';
};
export type FloatingButtonOffset = {
    top?: number | string;
    bottom?: number | string;
    left?: number | string;
    right?: number | string;
};
export interface FloatingButtonProps extends Omit<ButtonProps, 'visualType' | 'fullWidth' | 'color' | 'size' | 'isLoading' | 'noStyle' | 'renderWrapperElement'> {
    /**
     * Button axis
     * @default horizontal
     */
    axis?: FloatingButtonAxis;
    /**
     * Button visual type
     * @default primary
     */
    visualType?: FloatingButtonColor;
    /**
     * Button size
     * @default medium
     */
    size?: FloatingButtonSize;
    /**
     * Button position
     * @default fixed
     */
    position?: CSSProperties['position'];
    /**
     * Button placement
     */
    placement?: FloatingButtonPlacement;
    /**
     * Button offset
     */
    offset?: FloatingButtonOffset;
    /**
     * Button z-index
     */
    zIndex?: number;
}
export declare const FloatingButton: (props: FloatingButtonProps) => JSX.Element;
export default FloatingButton;