design-system-simplefi
Version:
Design System for SimpleFi Applications
34 lines (33 loc) • 1.02 kB
TypeScript
import React from 'react';
import { ReactComponentLike } from 'prop-types';
import { Property } from 'csstype';
import { SpaceSize } from '../../../theme/space/space.types';
interface ClusterParentProps {
$gap?: SpaceSize;
$align?: Property.AlignItems;
$justify?: Property.JustifyContent;
}
export interface ClusterProps extends React.HTMLAttributes<HTMLElement> {
/**
* Whitespace around each child of the Inline
*/
gap?: ClusterParentProps['$gap'];
/**
* Horizontal alignment of elements inside Inline
*/
justify?: ClusterParentProps['$justify'];
/**
* Vertical alignment of elements inside Inline
*/
align?: ClusterParentProps['$align'];
/**
* Tag or component reference for wrapper element
*/
wrapperEl?: ReactComponentLike;
/**
* Tag or component reference for parent element
*/
parentEl?: ReactComponentLike;
}
declare const Cluster: React.FC<ClusterProps>;
export default Cluster;