/**
 * @fileoverview Team member card with photo, name, role, and social links.
 * @author Saasflare™
 * @module packages/ui/components/ui/team-card
 * @package ui
 *
 * @component
 * @example
 * import { TeamCard } from '@saasflare/ui';
 * <TeamCard
 *   name="Jane Doe"
 *   role="CEO & Co-Founder"
 *   photo="/team/jane.jpg"
 *   socials={[
 *     { label: "Twitter", url: "https://twitter.com/jane", icon: <TwitterIcon /> },
 *     { label: "LinkedIn", url: "https://linkedin.com/in/jane", icon: <LinkedInIcon /> },
 *   ]}
 * />
 */
import * as React from "react";
import { type ReactNode } from "react";
import { type SaasflareComponentProps } from "../../providers";
/** A social link entry. */
export interface SocialLink {
    /** Accessible label for the link. */
    label: string;
    /** URL to the social profile. */
    url: string;
    /** Icon element. */
    icon: ReactNode;
}
/** Props for the TeamCard component. */
export interface TeamCardProps extends Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Person's name. */
    name: string;
    /** Role or job title. */
    role: string;
    /** Photo URL. */
    photo?: string;
    /** Short bio text. */
    bio?: string;
    /** Social media links. */
    socials?: SocialLink[];
}
/**
 * Team member card with photo, name, role, and social links.
 *
 * @component
 * @package ui
 */
export declare function TeamCard({ name, role, photo, bio, socials, className, surface, radius, animated, iconWeight, ...props }: TeamCardProps): import("react/jsx-runtime").JSX.Element;