import React, { ReactNode } from 'react';
import { LinkItem } from './SocialMediaLinks';
declare type Alignment = 'Left' | 'Center' | 'Right' | null;
export interface IUserDetailsProps {
    image: string;
    name: string;
    bio: string;
    socialMedia: LinkItem[];
    designation: string;
    location: string;
    enabled: boolean;
    isOwner?: boolean;
    alignment?: Alignment;
    profileBorderRadius?: string | null;
    fontColor?: string | null;
    borderColor?: string | null;
    background?: string | null;
    noBackground?: boolean;
}
export interface IUserEditProps {
    editLink?: string;
    editState?: any;
    onToggle: (id: string, wantToHide?: boolean | undefined) => void;
    addBioComponent?: ReactNode;
}
declare const UserDetails: React.MemoExoticComponent<({ image, name, bio, socialMedia, designation, location, isOwner, enabled, alignment, profileBorderRadius, fontColor, borderColor, background, addBioComponent, noBackground, }: IUserDetailsProps & IUserEditProps) => JSX.Element | null>;
export default UserDetails;