import React from 'react';
import { StackProps } from '@mui/material';
import { SCUserProviderAssociationType, SCUserType } from '@selfcommunity/types';
export interface UserSocialAssociationProps extends StackProps {
    /**
     * Id of user object
     * @default null
     */
    userId?: number;
    /**
     * User Object
     * @default null
     */
    user?: SCUserType;
    /**
     * Providers association related to the given user
     * @default null
     */
    providers?: SCUserProviderAssociationType[];
    /**
     * Handler for creating a new provider association
     * @default null
     */
    onCreateAssociation?: (provider: string) => any;
    /**
     * If true, renders in a different way
     * @default false
     */
    isEditView?: boolean;
    /**
     * Handler for deleting an existing association
     * @default null
     */
    onDeleteAssociation?: (provider: SCUserProviderAssociationType) => any;
    /**
     * children
     * @default null
     */
    children?: React.ReactNode;
    /**
     * If present, providers list must be updated
     */
    deletingProvider?: SCUserProviderAssociationType;
}
/**
 * > API documentation for the Community-JS User Social Association component. Learn about the available props and the CSS API.

 #### Import

 ```jsx
 import {UserSocialAssociation} from '@selfcommunity/react-ui';
 ```

 #### Component Name

 The name `SCUserSocialAssociation` can be used when providing style overrides in the theme.


 #### CSS

 |Rule Name|Global class|Description|
 |---|---|---|
 |root|.SCUserSocialAssociation-root|Styles applied to the root element.|
 |field|.SCUserSocialAssociation-field|Styles applied to the field element.|

 * @param inProps
 */
export default function UserSocialAssociation(inProps: UserSocialAssociationProps): JSX.Element;