@patreon/studio/module/components/Stack/index.d.ts

Patreon Studio Design System

import React from 'react';
import type { LegacyStylableProps } from '../../types/component';
import type { StackProps } from './types';
/**
 * A stack is a layout component that arranges its children in a row or column. It surfaces common
 * flexbox properties as props and enforces the use of space tokens for flex gap.
 */
export declare function Stack({ as, display, flexDirection, justifyContent, alignItems, flexWrap, gap, height, width, className, style, id, 'data-tag': dataTag, children, ...props }: StackProps): React.JSX.Element;
/** @deprecated use `Stack` with `className` and css modules instead. */
export declare const StackWithCss: import("styled-components").StyledComponent<typeof Stack, any, LegacyStylableProps, never>;