import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
import type { TabLabelBaseProps } from '../tabs/TabLabel';
export declare const paddleWidth = 80;
export type PaddleProps = {
  direction?: 'left' | 'right';
  show: boolean;
  variant: TabLabelBaseProps['variant'];
  background?: ThemeVars.Color;
  onClick: () => void;
  /**
   * Web only. Styling for the paddle icon button. Mobile does not have paddles.
   */
  paddleStyle?: React.CSSProperties;
} & SharedProps &
  SharedAccessibilityProps;
/**
 * Paddles are left/right IconButtons, rendered by TabNavigation to visually indicate the presence of tabs that are out of sight due to content overflow.
 */
export declare const Paddle: {
  ({
    direction,
    show,
    background,
    onClick,
    testID,
    accessibilityLabel,
    paddleStyle,
  }: PaddleProps): import('react/jsx-runtime').JSX.Element;
  displayName: string;
};
//# sourceMappingURL=Paddle.d.ts.map