import React from 'react';
/**
 * Defines the position of the navigation component.
 */
export interface NavPosition {
    top?: React.CSSProperties['top'];
    left?: React.CSSProperties['left'];
    bottom?: React.CSSProperties['bottom'];
    right?: React.CSSProperties['right'];
    transform?: React.CSSProperties['transform'];
}
/**
 * `Nav` component props.
 */
export interface NavProps {
    /**
     * Object of CSS properties `top`, `left`, `bottom`, and `right` used to absolutely position elements.
     * Aside from the former, you can also set the CSS `transform` property to help you center the element.
     * @default
     * {
     *    bottom: '1.5rem',
     *    left: '50%',
     *    transform: 'translateX(-50%)'
     * }
     */
    position?: NavPosition;
    /**
     * Defines `--nav-color` CSS variable.
     */
    color?: string;
    /**
     * Defines `--nav-active-color` CSS variable.
     */
    activeColor?: string;
}
export declare function Nav({ color, activeColor, position }: NavProps): JSX.Element;
//# sourceMappingURL=index.d.ts.map