import { PharosElement } from '../base/pharos-element';
import type { TemplateResult, CSSResultArray, PropertyValues } from 'lit';
export type LayoutPreset = '1-col' | '1-col--sidenav' | '1-col--sidenav-comfy' | '2-col';
/**
 * Pharos layout component.
 *
 * @tag pharos-layout
 *
 * @slot top - Content to be shown above the inner grid.
 * @slot - Content to be shown within the inner grid (the default slot).
 *
 */
export declare class PharosLayout extends PharosElement {
    /**
     * Indicates the type of layout to use.
     * @attr preset
     */
    preset: LayoutPreset;
    /**
     * Indicates the areas to use for the inner grid.
     * @attr areas
     */
    areas: string;
    /**
     * Indicates the rows to use for the inner grid.
     * @attr rows
     */
    rows: string;
    /**
     * Indicates the row gap to use for the inner grid.
     * @attr row-gap
     * @type {string}
     */
    rowGap: string;
    /**
     * Indicates the HTML tag to use for the inner grid.
     * @attr tag
     */
    tag: string;
    private _layout;
    static get styles(): CSSResultArray;
    protected update(changedProperties: PropertyValues): void;
    protected updated(changedProperties: PropertyValues): void;
    protected render(): TemplateResult;
}
//# sourceMappingURL=pharos-layout.d.ts.map