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