import { default as React } from 'react';
import { ChakraComponent, BoxProps } from '@chakra-ui/react';
import { bgColorsArray, highlightColorsArray } from '../../theme/sharedTypes';
export type actionBackgroundColors = typeof bgColorsArray[number];
export type highlightColors = typeof highlightColorsArray[number];
export interface SubNavProps extends BoxProps {
    /**
     * The background color to be applied to the hover and active states
     * of the SubNavLink and SubNavButton components.
     * This allows for customization of the action items.
     */
    actionBackgroundColor?: actionBackgroundColors;
    /**
     * Custom color for SubNavLink, SubNavButton, and icons.
     */
    highlightColor?: highlightColors;
    /**
     * Primary actions displayed on the left side of the SubNav.
     * Use SubNavButton and SubNavLink components, which mirror
     * the DS Button and Link.
     */
    primaryActions: React.ReactNode;
    /**
     * Secondary actions displayed on the right side of the SubNav.
     * Use SubNavButton and SubNavLink components, which mirror
     * the DS Button and Link.
     */
    secondaryActions?: React.ReactNode;
}
interface SubNavItemProps {
    id: string;
    isOutlined?: boolean;
    isSelected?: boolean;
    screenreaderOnlyText?: string;
}
interface SubNavLinkProps extends SubNavItemProps, Pick<BoxProps, "as"> {
    href: string;
}
interface SubNavButtonProps extends SubNavItemProps {
    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
}
export declare const SubNavButton: React.FC<React.PropsWithChildren<SubNavButtonProps>>;
export declare const SubNavLink: React.FC<React.PropsWithChildren<SubNavLinkProps>>;
/**
 * The `SubNav` component is a navigation element that displays a group of
 * related action items (buttons or links) in a horizontal layout.  The action
 * items in the `SubNav` component will link to children within or perform
 * actions related to the current section of a website.
 */
export declare const SubNav: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<SubNavProps> & React.RefAttributes<HTMLDivElement>>, SubNavProps>;
export default SubNav;