/// <reference types="react" />
import { FlexProps } from '../layout/Flex';
import { MessagingApp } from 'global/types.generated';
declare const ConnectApps: ({ apps, appOpen, setAppOpen, ...flexProps }: {
    apps: MessagingApp[];
    appOpen?: MessagingApp | undefined;
    setAppOpen: (open?: MessagingApp) => void;
} & {
    height?: string | number | undefined;
    br?: "sm" | "md" | "lg" | "xs" | undefined;
    width?: string | number | undefined;
    direction?: "row" | "column" | undefined;
    gap?: string | number | undefined;
    alignItems?: "space-between" | "start" | "end" | "center" | undefined;
    justifyContent?: "space-between" | "start" | "end" | "center" | undefined;
    bg?: string | undefined;
} & import("../types").Paddings & import("../types").Margins) => JSX.Element;
export default ConnectApps;