import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
import { ReactNode } from 'react';

export type AnalyticalWidgetSize = 'l' | 'm' | 's';
export type AnalyticalWidgetClasses = {
    root?: string;
    topSlot?: string;
    middleSlot?: string;
    contentSlot?: string;
};
export type AnalyticalWidgetProps = {
    size: AnalyticalWidgetSize;
    scrollable?: boolean;
    headerSlot?: ReactNode;
    topSlot?: ReactNode;
    middleSlot?: ReactNode;
    contentSlot: ReactNode;
    classes?: AnalyticalWidgetClasses;
    $css?: string | CSSObject | FlattenSimpleInterpolation;
};