import { type ReactElement } from 'react';
import { type Module, type SocialMediaFollowAttrs, type SocialMediaFollowItemAttrs } from '@divi/types';
/**
 * Function component SettingsDesign.
 *
 * This component manages the design settings for a social media follow button in a module settings panel.
 * It processes default attributes, group configuration, and context to dynamically adjust the UI and attributes
 * for settings groups.
 *
 * The component logic includes:
 * - Context usage to retrieve the module ID.
 * - Accessing and computing parent module attributes to determine settings visibility.
 * - Dynamically modifying group configurations based on conditions. This involves updating fields and attributes
 * for specific design groups, such as `designIcon` and `button-button`.
 * - Ensuring groups and their attributes are correctly updated before rendering.
 *
 * @since ??
 *
 * @param {Module.Settings.Panel.Props<SocialMediaFollowItemAttrs>} param0 The properties passed to the component.
 * @param {object} param0.defaultSettingsAttrs Default settings attributes for the module.
 * @param {object} param0.groupConfiguration Configuration for settings groups, allowing dynamic modification.
 *
 * @returns {ReactElement} The rendered React element for the settings panel.
 */
export declare const SettingsDesign: ({
  defaultSettingsAttrs,
  groupConfiguration,
}: Module.Settings.Panel.Props<SocialMediaFollowItemAttrs, SocialMediaFollowAttrs>) => ReactElement;