import React from "react";
import { MarginProps } from "styled-system";
import { PortraitSizes, PortraitShapes } from "./portrait.component";
type StyledPortraitProps = {
    backgroundColor?: string;
    foregroundColor?: string;
    darkBackground?: boolean;
    size: PortraitSizes;
    shape?: PortraitShapes;
    hasValidImg?: boolean;
    onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
};
export declare const StyledPortraitInitials: import("styled-components").StyledComponent<"div", any, Pick<StyledPortraitProps, "size">, never>;
export declare const StyledCustomImg: import("styled-components").StyledComponent<"img", any, {}, never>;
export declare const StyledIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../icon").IconProps & React.RefAttributes<HTMLSpanElement>>, any, Pick<StyledPortraitProps, "size">, never>;
export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, {
    theme: object;
} & StyledPortraitProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
export {};