@rarcifa/cronos-design-system/dist/components/Grid/helper.d.ts

A typescript react component library following the Cronos branding standards

import { FlattenSimpleInterpolation } from 'styled-components';
import { GridProps } from './interface';
export declare const helper: {
    /**
     * Determines the display property for the grid based on the isInline prop.
     * If isInline is true, the display will be set to inline at medium breakpoints.
     * Otherwise, it defaults to grid.
     *
     * @param {GridProps} props - The props passed to the grid component.
     * @returns {FlattenSimpleInterpolation} The CSS for the display property.
     */
    getDisplay: (props: GridProps) => FlattenSimpleInterpolation;
    /**
     * Determines the appropriate grid-template-columns value based on the columns prop.
     * Adjusts the number of columns based on different breakpoints.
     *
     * @param {GridProps} props - The props passed to the grid component.
     * @returns {FlattenSimpleInterpolation} The CSS for the grid-template-columns property.
     */
    getColumn: (props: GridProps) => FlattenSimpleInterpolation;
};