import React from "react"; import { MarginProps } from "styled-system"; import { IconType } from "../icon"; import { TagProps } from "../../__internal__/utils/helpers/tags/tags"; export type PortraitShapes = "circle" | "square"; export type PortraitSizes = "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL"; export type PortraitVariant = "black" | "blue" | "teal" | "green" | "lime" | "orange" | "red" | "pink" | "purple" | "slate" | "gray"; export interface PortraitProps extends MarginProps, TagProps { /** @private @ignore */ className?: string; /** A custom image URL. */ src?: string; /** The size of the Portrait. */ size?: PortraitSizes; /** @private @ignore */ name?: string; /** The `alt` HTML string. */ alt?: string; /** The shape of the Portrait. */ shape?: PortraitShapes; /** Icon to be rendered as a fallback. */ iconType?: IconType; /** The initials to render in the Portrait. */ initials?: string; /** Use a dark background. * @deprecated This prop is deprecated and will be removed in a future release. */ darkBackground?: boolean; /** Prop for `onClick` events. */ onClick?: (ev: React.MouseEvent) => void; /** [Legacy] The message to be displayed within the tooltip * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipMessage?: React.ReactNode; /** [Legacy] The id attribute to use for the tooltip * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipId?: string; /** [Legacy] Whether to to show the Tooltip * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipIsVisible?: boolean; /** [Legacy] Sets position of the tooltip * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipPosition?: "top" | "bottom" | "left" | "right"; /** [Legacy] Defines the message type * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipType?: string; /** [Legacy] Defines the size of the tooltip content * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipSize?: "medium" | "large"; /** [Legacy] Override background color of the Tooltip, provide any color from palette or any valid css color value. * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipBgColor?: string; /** [Legacy] Override font color of the Tooltip, provide any color from palette or any valid css color value. * @deprecated This prop is deprecated and will be removed in a future release. */ tooltipFontColor?: string; /** The hex code of the background colour * @deprecated This prop is deprecated and will be removed in a future release. */ backgroundColor?: string; /** The hex code of the foreground colour. This will only take effect if use in conjunction with `backgroundColor` * @deprecated This prop is deprecated and will be removed in a future release. */ foregroundColor?: string; /** Color variant*/ variant?: PortraitVariant; } export declare const Portrait: ({ alt, backgroundColor, foregroundColor, className, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, variant, ...rest }: PortraitProps) => React.JSX.Element; export default Portrait;