import React from 'react';
export type IllustrationDimension = number | string;
export type Illustrations = 'empty-state' | 'generic-error-empty-state' | 'kyte-logo' | 'kyte-logo-white' | 'rental-cars-delivered' | 'tell-us-where-and-when' | 'trips-empty-state' | 'we-deliver-for-you' | 'we-fuel-up-for-you' | 'we-pick-up-for-you' | 'invite-friends' | 'thank-tip' | 'surfer-avatar' | 'trip-additional-drivers';
export type IllustrationProps = {
    name: Illustrations;
    height?: IllustrationDimension;
    testID?: string;
    width?: IllustrationDimension;
    alt?: string;
    renderImg?: React.FC<string>;
};
/**
 * Used to render an illustration from the Kyte design system.
 * @param name - The name of the illustration to render.
 * @param renderImg - A render prop that allows you to
 * render a custom image component, i.e. `next/image`.
 */
declare const Illustration: ({ height, name, testID, width, alt, renderImg, }: IllustrationProps) => React.JSX.Element;
export default Illustration;