import { GecutDirective } from '@gecut/lit-helper/directives/directive.js';
import { type ClassInfo } from 'lit/directives/class-map.js';
import { type ItemContent } from './item.js';
import type { PartInfo } from 'lit/directive.js';
export type KeyFn<T> = (item: T, index: number) => unknown;
export type ItemTemplate<T> = (item: T, index: number) => ItemContent;
export interface GecutListDirectiveFn {
    <T>(content: ListContent, items: Iterable<T>, template?: ItemTemplate<T>): unknown;
    <T>(content: ListContent, items: Iterable<T>, template: ItemTemplate<T>): unknown;
    <T>(content: ListContent, items: Iterable<T>, keyFn: KeyFn<T> | ItemTemplate<T>, template: ItemTemplate<T>): unknown;
}
export interface ListContent {
    scrollable?: boolean;
    box?: 'elevated' | 'filled' | 'outlined';
    fade?: 'auto' | 'top' | 'bottom' | boolean;
}
export declare class GecutListDirective extends GecutDirective {
    constructor(partInfo: PartInfo);
    protected content?: ListContent;
    render<T>(content: ListContent, items: Iterable<T>, template: ItemTemplate<T>): unknown;
    render<T>(content: ListContent, items: Iterable<T>, keyFn: KeyFn<T> | ItemTemplate<T>, template: ItemTemplate<T>): unknown;
    protected getRenderClasses(): ClassInfo;
}
export declare const gecutList: GecutListDirectiveFn;
//# sourceMappingURL=list.d.ts.map