import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import type { PositionStyles, SharedProps } from '@coinbase/cds-common/types';
import type { Polymorphic } from '../core/polymorphism';
import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
import type { ResponsiveProps, StaticStyleProps } from '../styles/styleProps';
export type PageFooterBaseProps = SharedProps &
  PositionStyles & {
    /**
     * Required. Accepts a ReactNode. Intended for content on the right side of the footer, such as action buttons or icons. */
    action: React.ReactNode;
    /**
     * Set the background color of the box.
     */
    background?: ThemeVars.Color;
  };
export declare const pageFooterPaddingX: ResponsiveProps<StaticStyleProps>['paddingX'];
export declare const pageFooterJustifyContent: ResponsiveProps<StaticStyleProps>['justifyContent'];
export type PageFooterProps = Polymorphic.ExtendableProps<
  BoxProps<BoxDefaultElement>,
  PageFooterBaseProps
>;
export declare const PageFooter: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<
    Omit<PageFooterProps, 'ref'> & React.RefAttributes<HTMLDivElement>
  >
>;
//# sourceMappingURL=PageFooter.d.ts.map