@vitus-labs/elements/lib/types/helpers/Content/types.d.ts

Most basic react reusable components

import type { ReactNode } from 'react';
import type { HTMLTags } from '@vitus-labs/core';
import type { ContentDirection, ContentAlignX, ContentAlignY, ContentBoolean, ContentSimpleValue, Css, Direction, AlignX, AlignY, ResponsiveBoolType, Responsive, ExtendCss } from "../../types";
export interface Props {
    parentDirection: Direction;
    gap: Responsive;
    contentType: 'before' | 'content' | 'after';
    children: ReactNode;
    tag: HTMLTags;
    direction: Direction;
    alignX: AlignX;
    alignY: AlignY;
    equalCols: ResponsiveBoolType;
    extendCss: ExtendCss;
}
export interface StyledProps {
    $element: Pick<Props, 'contentType' | 'parentDirection' | 'direction' | 'alignX' | 'alignY' | 'equalCols' | 'gap'> & {
        extraStyles: Props['extendCss'];
    };
    $contentType: Props['contentType'];
}
export type ThemeProps = Pick<Props, 'contentType'> & {
    parentDirection: ContentDirection;
    direction: ContentDirection;
    alignX: ContentAlignX;
    alignY: ContentAlignY;
    equalCols?: ContentBoolean;
    gap?: ContentSimpleValue;
    extraStyles?: Css;
};
//# sourceMappingURL=types.d.ts.map