import { CSS, PolymorphicComponent } from './_shared';
import { HStackAlignment, HStackProps } from './HStack';
export declare type VStackProps = HStackProps & {
/**
* @example
*```jsx
* import { VStack, Text, View } from `@wp-g2/components`
* import { ui } from `@wp-g2/styles`
*
* function Example() {
* return (
*
*
* Ana
*
*
* Elsa
*
*
* Olaf
*
*
* );
* }
*```
*/
alignment?: HStackAlignment | CSS['alignItems'];
/**
* @example
* ```jsx
* import { VStack, Text, View } from `@wp-g2/components`
* import { ui } from `@wp-g2/styles`
*
* function Example() {
* return (
*
*
* Ana
*
*
* Elsa
*
*
* Olaf
*
*
* );
* }
*```
*/
spacing?: CSS['width'];
};
/**
* `VStack` (or Vertical Stack) is a layout component that arranges child elements in a vertical line.
*
* @remarks
* `VStack` can render anything inside.
*
* @example
* ```jsx
* import { VStack, Text, View } from `@wp-g2/components`
* import { ui } from `@wp-g2/styles`
*
* function Example() {
* return (
*
*
* Ana
*
*
* Elsa
*
*
* Olaf
*
*
* );
* }
* ```
*/
export declare const VStack: PolymorphicComponent<'div', VStackProps>;