import { DuetDirection, DuetGridBreakpoint, DuetMargin, DuetTheme } from "../../common-types";
import { ThemeableComponent } from "../../common/themeable-component";
export declare class DuetGridItem implements ThemeableComponent {
    /**
     * Reference to host HTML element.
     */
    element: HTMLElement;
    /**
     * Make the grid item fill the remaining available grid space.
     */
    fill: boolean;
    /**
     * Sets the maximum width for the grid item using any valid numeric CSS
     * value. E.g. "300px".
     */
    maxWidth: string;
    /**
     * Sets the minimum width for the grid item using any valid numeric CSS
     * value. E.g. "33.333%".
     */
    minWidth: string;
    /**
     * Theme of the grid item.
     */
    theme: DuetTheme;
    /**
     * Controls the margin of the component.
     */
    margin: DuetMargin;
    /**
     * @internal
     * Enable or disable the automatic responsive behaviour of the grid item.
     * This property is used internally by Grid, and should not be set by the developer.
     */
    responsive: boolean;
    /**
     * @internal
     * Direction of the grid items.
     * This property is used internally by Grid, and should not be set by the developer.
     */
    direction: DuetDirection;
    /**
     * @internal
     * Switch the breakpoint used to trigger the content stacking.
     * This property is used internally by Grid, and should not be set by the developer.
     */
    breakpoint: DuetGridBreakpoint;
    /**
     * @internal
     * Reneder the grid row in reverse order
     * This property is used internally by Grid, and should not be set by the developer.
     */
    rowReverse: boolean;
    /**
     * Component lifecycle events.
     */
    componentWillLoad(): void;
    /**
     * render() function
     * Always the last one in the class.
     */
    render(): any;
}