import { type ButtonHTMLAttributes, type Ref, type SVGProps } from 'react';
import { type CssLength } from '../../../utils/css';
type PlayerArrowDirection = 'prev' | 'next';
type PlayerArrowIconProps = Omit<SVGProps<SVGSVGElement>, 'children' | 'color'> & {
    direction?: PlayerArrowDirection;
    title?: string;
};
type PlayerArrowButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> & {
    direction?: PlayerArrowDirection;
    label?: string;
    size?: CssLength;
    hitArea?: CssLength;
    color?: string;
    hoverColor?: string;
    animated?: boolean;
    ref?: Ref<HTMLButtonElement>;
};
declare const PlayerArrowIcon: ({ direction, className, title, ...props }: PlayerArrowIconProps) => import("react/jsx-runtime").JSX.Element;
declare const PlayerArrowButton: ({ direction, label, size, hitArea, color, hoverColor, animated, className, style, type, disabled, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: PlayerArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
export { PlayerArrowButton, PlayerArrowIcon };
export type { PlayerArrowButtonProps, PlayerArrowDirection, PlayerArrowIconProps, };