import type { PolymorphicComponent } from "../types/helpers";
/** @alpha */
export type FlexItemProps = {
/** The flex grow value */
flex?: "grow" | "half" | "third" | "quarter";
} | {
/** The flex grow value as a CSS value */
flex: "custom";
/** The custom flex grow value */
flexAmount: string;
};
/**
* A flex item component. Components like {@link Card} are based on this.
*
* @example Flex grow
*
* ```tsx
* This item will grow to fill space;
* ```
*
* @example Half flex
*
* ```tsx
*
* half
* half
* ;
* ```
*
* @example Third flex
*
* ```tsx
*
* third
* third
* third
* ;
* ```
*
* @example Quarter flex
*
* ```tsx
*
* quarter
* quarter
* quarter
* quarter
* ;
* ```
*
* @example Fractional flex
*
* ```tsx
*
* Half width
* Half width
*
;
* ```
*
* @example Weird flex but ok
*
* ```tsx
*
*
* Grows twice as much
*
*
* Grows once
*
*
;
* ```
*
* @alpha
*/
export declare const FlexItem: PolymorphicComponent<"div", FlexItemProps>;
//# sourceMappingURL=FlexItem.d.ts.map