import type { JSX } from 'solid-js';
import type { DisclosureStateControlledOptions, DisclosureStateRenderProps, DisclosureStateUncontrolledOptions } from '../../states/create-disclosure-state';
import type { UnmountableProps } from '../../utils/create-unmountable';
import type { HeadlessProps, ValidConstructor } from '../../utils/dynamic-prop';
import type { Prettify } from '../../utils/types';
export type CommandBarControlledBaseProps = Prettify<DisclosureStateControlledOptions & DisclosureStateRenderProps & UnmountableProps>;
export type CommandBarControlledProps<T extends ValidConstructor = 'div'> = HeadlessProps<T, CommandBarControlledBaseProps>;
export type CommandBarUncontrolledBaseProps = Prettify<DisclosureStateUncontrolledOptions & DisclosureStateRenderProps & UnmountableProps>;
export type CommandBarUncontrolledProps<T extends ValidConstructor = 'div'> = HeadlessProps<T, CommandBarUncontrolledBaseProps>;
export type CommandBarProps<T extends ValidConstructor = 'div'> = CommandBarControlledProps<T> | CommandBarUncontrolledProps<T>;
/**
 * A modal opened by a keyboard shortcut,
 * <kbd>Cmd</kbd>/<kbd>Ctrl</kbd>+<kbd>K</kbd> by default. It is a dialog, not
 * a palette on its own: put a `Command` inside it for the searchable part.
 *
 * Renders a `<div>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/command-bar.md}
 */
export declare function CommandBar<T extends ValidConstructor = 'div'>(props: CommandBarProps<T>): JSX.Element;
//# sourceMappingURL=CommandBar.d.ts.map