UNPKG

jobiqo-cl

Version:

[![CircleCI](https://circleci.com/gh/jobiqo/jobiqo-cl.svg?style=svg&circle-token=5a24efa5b8bbc4879276123e77d0d3f35ca7144c)](https://circleci.com/gh/jobiqo/jobiqo-cl)

29 lines (28 loc) 950 B
/** * @file index.tsx * * @fileoverview A component that defines spacing on top or bottom. */ import * as React from 'react'; import { SpaceProps } from 'styled-system'; declare type BaseSpacingProps = SpaceProps; export interface SpacingProps extends BaseSpacingProps { /** * The size of the spacing. * * @default "small" */ size?: 'small' | 'medium' | 'large'; /** * The content that goes inside the spacing. * * @default null */ children?: React.ReactNode; } /** * The Spacing component can be used to wrap some content with either vertical or bottom spacing. or both. it will generate consistent amounts * of spacing comming from what is defined in the theme. This ensures that when making space between elements we are defining a consistent look and feel. */ export declare const Spacing: ({ size, mt, mb, children, ...props }: SpacingProps) => JSX.Element; export default Spacing;