import React from 'react';
import { NavPosition, NavProps } from '../Nav';
/**
 * `SideNav` component props.
 */
export interface SideNavProps extends NavProps {
    /**
     * Defines the inline CSS property `right` of the component.
     */
    right?: React.CSSProperties['right'];
    /**
     * Defines the inline CSS property `left` of the component.
     */
    left?: React.CSSProperties['left'];
    /**
     * Defines the position. If you set it to the left, set this to false to disable any existing `right` CSS properties and avoid any conflicts.
     * @default true
     */
    isPositionedRight?: boolean;
    /**
     * 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: undefined,
     *    top: '50%',
     *    left: !isPositionedRight ? left || '1rem' : undefined,
     *    right: isPositionedRight ? right || '1rem' : undefined,
     *    transform: 'translateY(-50%)'
     * }
     */
    position?: NavPosition;
}
export declare function SideNav({ color, activeColor, left, right, isPositionedRight, position }: SideNavProps): JSX.Element;
//# sourceMappingURL=index.d.ts.map