/// <reference types="react" />
import DyteClient, { DytePlugin } from '@dytesdk/web-core';
import { IconPack } from '../lib/icons';
import { DyteI18n } from '../lib/lang';
import { UIConfig } from '../types/ui-config';
import { States } from '../types/props';
import { Peer } from '../types/dyte-client';
export default function DyteMixedGrid({ aspectRatio, config, gap, meeting, participants, pinnedParticipants, screenShareParticipants, plugins, size, variant, iconPack, states, t, }: {
    aspectRatio?: string;
    config?: UIConfig;
    gap?: number;
    meeting: DyteClient;
    participants: Peer[];
    pinnedParticipants: Peer[];
    screenShareParticipants: Peer[];
    plugins: DytePlugin[];
    size?: 'lg' | 'md' | 'sm' | 'xl';
    variant?: 'boxed' | 'solid';
    iconPack?: IconPack;
    states?: States;
    t?: DyteI18n;
}): JSX.Element;