import { type ArgsType } from "@agyemanjp/standard";
import { type UIElement } from "../../";
import type { ComponentArgs, Component } from "../../common";
import type { HtmlProps, LayoutProps } from "../common";
import type { CSSProperties } from "../../html";
export declare function View<T>(props: ComponentArgs<ViewProps<T>>): UIElement;
export type ViewProps<T = unknown> = LayoutProps & {
    sourceData: Iterable<T>;
    layout?: Component<LayoutProps & HtmlProps>;
    itemTemplate?: Component<{
        value: T;
        index: number;
        style?: CSSProperties;
        children?: never;
    }>;
    itemStyle?: CSSProperties;
    style?: CSSProperties;
    children?: never;
};
export declare function ViewSelectable<T>(props: ArgsType<Component<ViewSelectableProps<T>>>[0], setProps: ArgsType<Component<ViewSelectableProps<T>>>[1]): UIElement;
export type ViewSelectableProps<T = unknown> = LayoutProps & {
    sourceData: Iterable<T>;
    selectedIndex?: number;
    onSelectionChanged?: (index: number) => void;
    layout?: Component<LayoutProps & HtmlProps>;
    itemTemplate?: Component<{
        value: T;
        selected: boolean;
        onClick?: HtmlProps["onClick"];
        style?: CSSProperties;
        children?: never;
    }>;
    itemStyle?: CSSProperties;
    selectedItemStyle?: CSSProperties;
    style?: CSSProperties;
    children?: never;
};
export declare const defaultViewItemTemplates: {
    forAny: <T>(args: {
        value: T;
        onClick?: HtmlProps["onClick"];
        style?: CSSProperties;
        selected: boolean;
    }) => UIElement;
    forJSX: <T>(args: {
        value: UIElement;
        onClick?: HtmlProps["onClick"];
        style?: CSSProperties;
        selected: boolean;
    }) => UIElement;
};