import { ComponentProps, As, ComponentWithAs } from '../types.js';
import '../../theme-79e176a6.js';
import '../../utils/object.js';
import '../../utils/types.js';
import '@kuma-ui/sheet';
import '../componentList.js';
import '@kuma-ui/system';
import 'react';

type FlexProps = ComponentProps<"Flex">;
type FlexComponent<T extends As = "div"> = ComponentWithAs<T, FlexProps>;
/**
 * Flex is a Box component with 'display: flex' by default. It's used to create flexible layouts in a Kuma UI application.
 * Like Box, it can accept any system style properties for extensive customization.
 *
 * @see — http://kuma-ui.com/docs/Components/Flex
 */
declare const Flex: FlexComponent;

export { Flex, FlexComponent, FlexProps };