import React from 'react';
import { StyleProp, ViewStyle } from 'react-native';
export type SocialLinkSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
/**
 * Available social media icon identifiers matching Flutter `SocialMediaIcon` enum.
 */
export type SocialMediaIcon = 'android' | 'apple' | 'behance' | 'dribbble' | 'figma' | 'github' | 'gmail' | 'googleMeet' | 'googlePlay' | 'google' | 'instagram' | 'medium' | 'microsoftTeams' | 'notion' | 'reddit' | 'skype' | 'slack' | 'social' | 'stackoverflow' | 'twitter' | 'vector' | 'whatsapp' | 'youtube' | 'zoom';
export interface Ux4gSocialLinkProps {
    /**
     * The social media icon to display.
     */
    icon: SocialMediaIcon;
    /**
     * Size of the icon.
     * @default 'm'
     */
    size?: SocialLinkSize;
    /**
     * Custom tint color override for the icon.
     */
    color?: string;
    /**
     * Callback invoked when the icon is pressed.
     */
    onPress?: () => void;
    /**
     * Accessibility label (maps to Flutter `tooltip`).
     */
    tooltip?: string;
    /**
     * Explicit container size in pixels. Only effective when `enableBackground` is true.
     */
    containerSize?: number;
    /**
     * Custom container background color.
     */
    containerColor?: string;
    /**
     * When true, wraps the icon in a circular background container.
     * @default false
     */
    enableBackground?: boolean;
    /**
     * When true, renders the branded color variant of the icon instead of the mono/white variant.
     * @default false
     */
    useColoredIcon?: boolean;
    /**
     * Custom container style override.
     */
    containerStyle?: StyleProp<ViewStyle>;
    /**
     * Optional testID for automated testing.
     */
    testID?: string;
}
/**
 * **Ux4gSocialLink**
 *
 * Full React Native port of Flutter `Ux4gSocialLink`. Renders a social media
 * icon with optional circular background, press handling, and branded color variants.
 */
export declare const Ux4gSocialLink: React.FC<Ux4gSocialLinkProps>;
export interface Ux4gSocialLinkGroupProps {
    /**
     * Array of social media icons to render.
     */
    icons: SocialMediaIcon[];
    /**
     * Size for all icons.
     * @default 'm'
     */
    size?: SocialLinkSize;
    /**
     * Custom tint color applied to all icons.
     */
    iconColor?: string;
    /**
     * Factory callback returning an onPress handler per icon.
     */
    onIconPressed?: (icon: SocialMediaIcon) => (() => void) | undefined;
    /**
     * Spacing between icons.
     * @default 12
     */
    spacing?: number;
    /**
     * When true, renders circular backgrounds behind all icons.
     * @default false
     */
    enableBackground?: boolean;
    /**
     * Custom background color for all icon containers.
     */
    backgroundColor?: string;
    /**
     * Custom container style override.
     */
    containerStyle?: StyleProp<ViewStyle>;
    /**
     * Optional testID for automated testing.
     */
    testID?: string;
}
/**
 * **Ux4gSocialLinkGroup**
 *
 * Renders a wrapping row of `Ux4gSocialLink` icons with configurable spacing,
 * matching Flutter `Ux4gSocialLinkGroup` (Wrap widget with spacing + runSpacing).
 */
export declare const Ux4gSocialLinkGroup: React.FC<Ux4gSocialLinkGroupProps>;
export type Ux4gSocialLinkAlignment = 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly';
export type Ux4gSocialLinkDirection = 'horizontal' | 'vertical';
export interface Ux4gSocialLinkListProps {
    /**
     * Array of social media icons to render.
     */
    icons: SocialMediaIcon[];
    /**
     * Size for all icons.
     * @default 'm'
     */
    size?: SocialLinkSize;
    /**
     * Custom tint color applied to all icons.
     */
    iconColor?: string;
    /**
     * Factory callback returning an onPress handler per icon.
     */
    onIconPressed?: (icon: SocialMediaIcon) => (() => void) | undefined;
    /**
     * When true, renders circular backgrounds behind all icons.
     * @default false
     */
    enableBackground?: boolean;
    /**
     * Custom background color for all icon containers.
     */
    backgroundColor?: string;
    /**
     * Main axis alignment of the icon list.
     * @default 'flex-start'
     */
    alignment?: Ux4gSocialLinkAlignment;
    /**
     * Layout direction of the list (`horizontal` or `vertical`).
     * @default 'horizontal'
     */
    direction?: Ux4gSocialLinkDirection;
    /**
     * Custom container style override.
     */
    containerStyle?: StyleProp<ViewStyle>;
    /**
     * Optional testID for automated testing.
     */
    testID?: string;
}
/**
 * **Ux4gSocialLinkList**
 *
 * Renders a row/column of social media icons with configurable alignment and direction,
 * matching Flutter `Ux4gSocialLinkList` (Wrap widget with MainAxisAlignment + Axis direction).
 */
export declare const Ux4gSocialLinkList: React.FC<Ux4gSocialLinkListProps>;
//# sourceMappingURL=SocialLinks.d.ts.map