@withjoy/joykit/lib/packages/core/components/Columns/styles.d.ts

UI Component Library for Joy web

export declare namespace styles {
    const base: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../common").Theme>>;
    /**
     * Because gutters are applied to both the left and right of a column,
     * we must offset the container by the inverrse amount and in both direction.
     * @param props.columnGap
     */
    const columnGap: (gap: import("./types").ColumnGap) => import("styled-components").FlattenSimpleInterpolation | undefined;
    /**
     * While <Columns /> can have as many nested <Column /> components and the width
     * per Column is distributed evenly, we can apply a `flex-wrap` to have its content
     * wrap as per the Flexible Box Layout specification.
     *
     *
     * @param props
     */
    const multiline: (enabled: boolean) => import("styled-components").FlattenSimpleInterpolation;
    const centered: (enabled: boolean) => import("styled-components").FlattenSimpleInterpolation;
    /**
     * By default, the columns module is built mobile first and  so it stacks
     * vertically on mobile.
     * To have it stack horizontally, set this to be true.
     * @param props.stackOnMobile
     */
    const stackOnMobile: (enabled: boolean) => import("styled-components").FlattenSimpleInterpolation;
}