import type { JSX } from 'solid-js';
import type { TransitionHooks } from '../../states/create-transition-state';
import type { UnmountableProps } from '../../utils/create-unmountable';
import type { HeadlessPropsWithRef, ValidConstructor } from '../../utils/dynamic-prop';
import type { Prettify } from '../../utils/types';
export interface TransitionRootBaseProps {
    show: boolean;
}
export interface TransitionBaseChildProps extends UnmountableProps, TransitionHooks {
    appear?: boolean;
    enter?: string;
    enterFrom?: string;
    enterTo?: string;
    entered?: string;
    leave?: string;
    leaveFrom?: string;
    leaveTo?: string;
}
export type TransitionChildProps<T extends ValidConstructor = 'div'> = HeadlessPropsWithRef<T, TransitionBaseChildProps>;
/**
 * A {@link Transition} that follows its parent transition instead of its own
 * `show` prop, so several elements can animate together on different timings.
 *
 * Renders a `<div>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/transition.md}
 */
export declare function TransitionChild<T extends ValidConstructor = 'div'>(props: TransitionChildProps<T>): JSX.Element;
export type TransitionProps<T extends ValidConstructor = 'div'> = Prettify<TransitionRootBaseProps & TransitionChildProps<T>>;
/**
 * Applies enter and leave classes around a `show` prop, and keeps its children
 * mounted until the leave transition finishes. It only adds and removes
 * classes; the animation itself is yours to write.
 *
 * Renders a `<div>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/transition.md}
 */
export declare function Transition<T extends ValidConstructor = 'div'>(props: TransitionProps<T>): JSX.Element;
//# sourceMappingURL=index.d.ts.map