export declare const Panel: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "column";
}, "direction">;
export declare const PanelHeader: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "row";
    align: "center";
}, "direction" | "align">;
export declare const SourceList: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "column";
}, "direction">;
export declare const AddSourceButton: import("styled-components").StyledComponent<"button", any, {}, never>;
export declare const RemoveSlot: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SourceCard: import("styled-components").StyledComponent<"div", any, {
    $active?: boolean;
}, never>;
export declare const SelectButton: import("styled-components").StyledComponent<"button", any, {}, never>;
export declare const SourceCardHeader: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "row";
    align: "center";
}, "direction" | "align">;
export declare const IconBox: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "row";
    align: "center";
    justify: "center";
}, "direction" | "align" | "justify">;
export declare const SourceCardDetails: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "column";
}, "direction">;
export declare const SourceName: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redis-ui/components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
    size: "M";
    variant: "semiBold";
    component: "span";
}, "size" | "component" | "variant">;
export declare const SourceType: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redis-ui/components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
    size: "S";
    component: "span";
    color: "secondary";
}, "color" | "size" | "component">;
export declare const ProgressRow: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("@redis-ui/components").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
    direction: "row";
    align: "center";
}, "direction" | "align">;
export declare const ProgressSegment: import("styled-components").StyledComponent<"span", any, {
    $done: boolean;
}, never>;