export interface ChangeGroupCoverProps {
    /**
     * Id of the group. It is optional only for group creation modal.
     * @default null
     */
    groupId?: number;
    /**
     * On change function.
     * @default null
     */
    onChange?: (cover: any) => void;
    /**
     * Hides this component
     * @default false
     */
    autoHide?: boolean;
    /**
     * Overrides or extends the styles applied to the component.
     * @default null
     */
    className?: string;
    /**
     * Prop to handle cover loading in the create group modal.
     * @default false
     */
    isCreationMode?: boolean;
    /**
     * Any other properties
     */
    [p: string]: any;
}
/**
 * > API documentation for the Community-JS Change Group Cover component. Learn about the available props and the CSS API.
 *
 *
 * This component renders a button that allows admins to edit the group cover and a popover that specifies format and sizes allowed.
 * Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/ChangeGroupCover)

 #### Import
 ```jsx
 import {ChangeGroupCover} from '@selfcommunity/react-ui';
 ```

 #### Component Name
 The name `SCChangeGroupCoverButton` can be used when providing style overrides in the theme.

 #### CSS

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

 * @param inProps
 */
export default function ChangeGroupCover(inProps: ChangeGroupCoverProps): JSX.Element;