import { LayoutBase } from '../layout-base';
import { Property } from '../../core/properties';
import { View } from '../../core/view';
import { CoreTypes } from '../../../core-types';

/**
 * A Layout that arranges its children at its outer edges, and allows its last child to take up the remaining space.
 *
 * @nsView DockLayout
 */
export class DockLayout extends LayoutBase {
	/**
	 * Gets the value of the Dock property from a given View.
	 */
	static getDock(view: View): CoreTypes.DockType;

	/**
	 * Sets the value of the Dock property from a given View.
	 */
	static setDock(view: View, value: CoreTypes.DockType): void;

	/**
	 * Gets or sets a value that indicates whether the last child element within a DockLayout stretches to fill the remaining available space.
	 * The default value is true.
	 *
	 * @nsProperty
	 */
	stretchLastChild: boolean;
}

/**
 * Represents the observable property backing the dock property.
 */
export const dockProperty: Property<View, CoreTypes.DockType>;

/**
 * Represents the observable property backing the stretchLastChild property of each DockLayout instance.
 */
export const stretchLastChildProperty: Property<DockLayout, boolean>;