import React from "react"; import { MarginProps } from "styled-system"; import { TagProps } from "../../__internal__/utils/helpers/tags/tags"; import type { PortraitProps } from "../portrait"; import { ProfileSize } from "./profile.config"; export interface ProfileProps extends MarginProps, TagProps { /** * @private * @internal * @ignore * Sets className for component. INTERNAL USE ONLY. */ className?: string; /** Custom source URL */ src?: string; /** The `alt` HTML string. */ alt?: string; /** Define the name to display. */ name?: string; /** Define the email to use. */ email?: string; /** Define read-only text to display. */ text?: string; /** Define initials to display image. */ initials?: PortraitProps["initials"]; /** Allow to setup size for the component */ size?: ProfileSize; /** * Use a dark background. * @deprecated This prop is deprecated and will be removed in a future release. */ darkBackground?: PortraitProps["darkBackground"]; /** * The hex code of the background colour to be passed to the avatar * @deprecated This prop is deprecated and will be removed in a future release. Use `variant` instead. */ backgroundColor?: PortraitProps["backgroundColor"]; /** * The hex code of the foreground colour to be passed to the avatar. Must be used in conjunction with `backgroundColor` * @deprecated This prop is deprecated and will be removed in a future release. Use `variant` instead. */ foregroundColor?: PortraitProps["foregroundColor"]; /** Color variant to be passed to the avatar. */ variant?: PortraitProps["variant"]; /** Custom content rendered below the right side Profile content. */ children?: React.ReactNode; } export declare const Profile: ({ src, alt, className, initials, name, size, email, text, darkBackground, backgroundColor, foregroundColor, variant, children, ...props }: ProfileProps) => React.JSX.Element; export default Profile;