import React, { type ReactNode } from 'react';
import { type IntrinsicAttributes, type ShowBorderProp } from './constants';
/**
 * Common footer container.\
 * This is only needed if the footer content is custom (**not** a set of buttons).
 *
 * @remarks
 * This is named `SidebarFooter` instead of `ContentFooter` because it applies to the whole `<aside />` DOM structure _not_ just the content
 */
export declare const SidebarFooter: import("styled-components").StyledComponent<"footer", any, ShowBorderProp, never>;
/**
 * Container for a row of equally spaced and sized buttons
 *
 * This is only needed if the footer content has both a button row and something else, which necessitates direct use such as:
 * @example
 * ```jsx
 * <SidebarFooter>
 *     <InteractionFieldSelector />
 *     <ButtonRow>
 *         <button type="button">Cancel</button>
 *         <button type="button">Apply</button>
 *     </ButtonRow>
 * </SidebarFooter>
 * ```
 */
export declare const ButtonRow: import("styled-components").StyledComponent<"div", any, import("@splunk/themes").OptionalThemedProps<import("@splunk/themes").AnyTheme>, never>;
/** Content footer with only button content */
export declare const SidebarFooterButtons: ({ children, ...props }: {
    children?: ReactNode;
} & Partial<IntrinsicAttributes>) => React.JSX.Element;
//# sourceMappingURL=SidebarFooter.d.ts.map