retro-react
Version:
A React component library for building retro-style websites
82 lines (81 loc) • 4.5 kB
TypeScript
/// <reference types="react" />
import { ComponentColors } from "../../utils/getColorScheme";
import { AutocompleteSizes, AutocompleteVariants } from './Autocomplete';
export declare const AutocompleteContainer: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$fullWidth?: boolean | undefined;
$size?: string | undefined;
sx?: any;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AutocompleteInput: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$variant: AutocompleteVariants;
$color: ComponentColors | 'greyscale';
$size: AutocompleteSizes;
$fullWidth?: boolean | undefined;
$rounded?: boolean | undefined;
}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
export declare const AutocompleteDropdown: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$variant?: AutocompleteVariants | undefined;
$color: ComponentColors | 'greyscale';
$open?: boolean | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AutocompleteOption: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$selected: boolean;
$highlighted: boolean;
$color: ComponentColors | 'greyscale';
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AutocompleteNoOptions: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AutocompleteLabel: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$required: boolean;
}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
export declare const AutocompleteHelperText: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$error: boolean;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AutocompleteWrapper: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$fullWidth?: boolean | undefined;
$size?: string | undefined;
sx?: any;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const SuggestionsList: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$variant?: AutocompleteVariants | undefined;
$color: ComponentColors | 'greyscale';
$open?: boolean | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const SuggestionItem: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & {
$selected: boolean;
$highlighted: boolean;
$color: ComponentColors | 'greyscale';
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const ClearButton: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;