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

Patreon Studio Design System

import React from 'react';
import type { LegacyStylableProps } from '~/types/component';
import type { SpacerProps } from './types';
/**
 * The spacer component is used to create wrapper divs with the specified
 * margins and padding. Allowed values for margins and padding map directly to
 * tokens.global.spaceX values.
 *
 * @example
 * <Spacer m={tokens.global.space.x4} pt={tokens.global.space.x8} pb={tokens.global.space.x16}>
 *     ...
 * </Spacer>
 */
export declare const Spacer: React.NamedExoticComponent<SpacerProps>;
/** @deprecated use `Spacer` with `className` and css modules instead. */
export declare const SpacerWithCss: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<SpacerProps, LegacyStylableProps>> & string & Omit<React.NamedExoticComponent<SpacerProps>, keyof React.Component<any, {}, any>>;