import React from 'react';
import { FlintImageListItem as FlintImageListItemElement } from '@getufy/flint-ui/image-list/flint-image-list-item';
/**
 * A single item inside a `flint-image-list`.
 *
 * @slot (default) - Place an `<img>` or any content here.
 * @slot bar - Place a `flint-image-list-item-bar` element here.
 */
export interface FlintImageListItemProps extends React.HTMLAttributes<FlintImageListItemElement> {
    /** How many grid rows this item spans (quilted/woven only) */
    rows?: number;
    /** How many grid columns this item spans (quilted/woven only) */
    cols?: number;
    /**
     * Position of the title bar: 'overlay' (default) or 'below'
     * Allowed values: 'overlay' | 'below'
     */
    barPosition?: 'overlay' | 'below';
    /**
     * Woven variant: 'odd' or 'even' identity for alternating height
     * Allowed values: 'odd' | 'even'
     */
    weave?: 'odd' | 'even';
    /** CSS aspect-ratio for the cell (e.g. "1/1", "4/3", "3/4", "16/9", "9/16"). */
    aspectRatio?: string;
    /**
     * How the image fills the cell: 'cover' (default, crops to fill)
     * Allowed values: 'cover' | 'contain'
     */
    fit?: 'cover' | 'contain';
}
export declare const FlintImageListItem: React.ForwardRefExoticComponent<FlintImageListItemProps & React.RefAttributes<FlintImageListItemElement>>;