import * as React from 'react'; import type { ListItemSelectSizes } from '../ListItemSelect'; type AddressInputItemLayout = 'single-line' | 'double-line'; export interface AddressInputItemProps { /** Applies a data-hook HTML attribute that can be used in the tests. */ dataHook?: string; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Sets the main label of an option. This label is a primary part that is matched to a search term or keyword. */ mainLabel?: string; /** Sets the additional information of an address. Usually contains a region or a country. */ secondaryLabel?: string; /** Sets the layout of mainLabel and secondaryLabel. Labels can be either side by side or stacked vertically. * @default 'single-line' */ optionLayout?: AddressInputItemLayout; /** Pass a component you want to show as the prefix of the input, e.g., text, icon. */ prefix?: React.ReactNode; /** Pass a component you want to show as the suffix of the input, e.g., text, icon, button. */ suffix?: React.ReactNode; /** Specifies whether the option is selected. */ selected?: boolean; /** Specifies whether option is highlighted. */ highlighted?: boolean; /** Specifies whether option is disabled. */ disabled?: boolean; /** Defines a callback function which is called every time option is clicked. */ onClick?: React.MouseEventHandler; /** Controls the size of the labels. When rendered inside ``, it is set from the input size. Default value: `medium`. */ size?: ListItemSelectSizes; } export interface AddressInputItemBuilderProps { /** Sets the identifier of the option, used to track which option is selected. */ id: string | number; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Pass a component you want to show as the prefix of the input, e.g., text, icon. */ prefix?: React.ReactNode; /** Sets the main label of an option. This label is a primary part that is matched to a search term or keyword. */ mainLabel?: string; /** Sets the additional information of an address. Usually contains a region or a country. */ secondaryLabel?: string; /** Pass a component you want to show as the suffix of the input, e.g., text, icon, button. */ suffix?: React.ReactNode; /** Specifies whether option is disabled. */ disabled?: boolean; /** Applies a data-hook HTML attribute that can be used in the tests. */ dataHook?: string; /** Sets the layout of `mainLabel` and `secondaryLabel`. Labels can be either side by side or stacked vertically. * @default 'single-line' */ optionLayout?: AddressInputItemLayout; /** Sets the text written into the input when this option is selected. */ displayLabel?: string; /** Defines a callback function which is called every time option is clicked. */ onClick?: React.MouseEventHandler; } export {}; //# sourceMappingURL=AddressInputItem.types.d.ts.map