@brizy/ui
Version:
React elements in Brizy style
20 lines (19 loc) • 1.03 kB
TypeScript
import { ApplyProperties } from "../types";
import { Spacing, Align, AlignY, Columns, ResponsiveProp } from "./index";
interface CustomSize {
"--brz-ui-inline--desktop-spacing-custom"?: string;
"--brz-ui-inline--tablet-spacing-custom"?: string;
"--brz-ui-inline--mobile-spacing-custom"?: string;
}
interface ColumnsProperties {
"--brz-ui-inline--desktop-columns"?: string;
"--brz-ui-inline--tablet-columns"?: string;
"--brz-ui-inline--mobile-columns"?: string;
}
export declare function getAlign(align: ResponsiveProp<Align>): string;
export declare function getMargin(spacing: ResponsiveProp<Spacing>): string;
export declare function getAlignY(alignY: ResponsiveProp<AlignY>): string;
export declare function getSpacing(spacing: ResponsiveProp<Spacing>): string;
export declare function getCustomSpacingStyles(spacing: ResponsiveProp<Spacing>): ApplyProperties<CustomSize>;
export declare function getCustomColumnsStyles(columns: ResponsiveProp<Columns>): ApplyProperties<ColumnsProperties>;
export {};