@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
37 lines (36 loc) • 1.71 kB
TypeScript
import { ReactNode } from "react";
import { FlexSpacing } from "./types";
declare const alignItemsToClassNameMap: {
readonly baseline: "vuiFlexContainer--alignItemsBaseline";
readonly center: "vuiFlexContainer--alignItemsCenter";
readonly end: "vuiFlexContainer--alignItemsEnd";
readonly start: "vuiFlexContainer--alignItemsStart";
readonly stretch: "vuiFlexContainer--alignItemsStretch";
};
declare const directionToClassNameMap: {
readonly column: "vuiFlexContainer--directionColumn";
readonly columnReverse: "vuiFlexContainer--directionColumnReverse";
readonly row: "vuiFlexContainer--directionRow";
readonly rowReverse: "vuiFlexContainer--directionRowReverse";
};
declare const justifyContentToClassNameMap: {
readonly center: "vuiFlexContainer--justifyContentCenter";
readonly end: "vuiFlexContainer--justifyContentEnd";
readonly start: "vuiFlexContainer--justifyContentStart";
readonly spaceAround: "vuiFlexContainer--justifyContentSpaceAround";
readonly spaceBetween: "vuiFlexContainer--justifyContentSpaceBetween";
readonly spaceEvenly: "vuiFlexContainer--justifyContentSpaceEvenly";
};
export type Props = {
children?: ReactNode;
alignItems?: keyof typeof alignItemsToClassNameMap;
direction?: keyof typeof directionToClassNameMap;
justifyContent?: keyof typeof justifyContentToClassNameMap;
spacing?: FlexSpacing;
wrap?: boolean;
className?: string;
fullWidth?: boolean;
inline?: boolean;
};
export declare const VuiFlexContainer: ({ children, alignItems, direction, justifyContent, spacing, wrap, className, fullWidth, inline, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
export {};