import { FC, ReactNode } from "react";

//#region src/components/Footer/index.d.ts

/**
 * Represents a single footer link with all necessary attributes
 */
type FooterLink = {
  /** URL or path for the link */
  href: string;
  /** Display text or JSX element for the link */
  text: ReactNode;
  /** Optional click handler for custom link behavior */
  onClick?: () => void;
  /** Accessible label for screen readers (required for accessibility) */
  label: string;
};
/**
 * Represents a group of related links with a title
 */
type LinkGroup = {
  /** Title for the group of links */
  title: ReactNode;
  /** Array of footer links in this group */
  links: FooterLink[];
};
/**
 * Props for the Footer component
 */
type FooterProps = {
  /** Optional array of link groups to display in the footer */
  links?: LinkGroup[];
};
/**
 * Footer Component
 *
 * A comprehensive footer component that displays the Intlayer logo, copyright information,
 * social networks, and organized groups of navigation links. Designed for responsive
 * layouts and optimal user experience across all devices.
 *
 * @component
 * @example
 * Basic usage without links:
 * ```tsx
 * <Footer />
 * ```
 *
 * @example
 * With organized link groups:
 * ```tsx
 * const footerLinks = [
 *   {
 *     title: 'Product',
 *     links: [
 *       { href: '/features', text: 'Features', label: 'Product features' },
 *       { href: '/pricing', text: 'Pricing', label: 'Pricing information' },
 *       { href: '/docs', text: 'Documentation', label: 'Product documentation' }
 *     ]
 *   },
 *   {
 *     title: 'Company',
 *     links: [
 *       { href: '/about', text: 'About Us', label: 'About the company' },
 *       { href: '/careers', text: 'Careers', label: 'Job opportunities' },
 *       { href: '/contact', text: 'Contact', label: 'Contact information' }
 *     ]
 *   }
 * ];
 *
 * <Footer links={footerLinks} />
 * ```
 *
 * @example
 * With custom click handlers:
 * ```tsx
 * const footerLinks = [
 *   {
 *     title: 'Actions',
 *     links: [
 *       {
 *         href: '#',
 *         text: 'Newsletter',
 *         label: 'Subscribe to newsletter',
 *         onClick: () => openNewsletterModal()
 *       }
 *     ]
 *   }
 * ];
 *
 * <Footer links={footerLinks} />
 * ```
 *
 * Features:
 * - Responsive design that adapts to different screen sizes
 * - Intlayer branding with logo and copyright notice
 * - Integrated social network links
 * - Flexible link organization with titled groups
 * - Accessibility-compliant with proper ARIA labels
 * - Support for custom click handlers alongside href navigation
 * - Clean, modern design with proper spacing and typography
 *
 * Layout Structure:
 * - Left side (or top on mobile): Logo, copyright, and social links
 * - Right side (or bottom on mobile): Organized link groups
 * - Responsive breakpoints for optimal mobile experience
 *
 * Accessibility:
 * - Semantic HTML structure using <footer> tag
 * - All links include required aria-label attributes
 * - Proper heading hierarchy and keyboard navigation
 * - Screen reader friendly content organization
 * - Focus management for interactive elements
 *
 * @param props - Component properties
 * @param props.links - Optional array of link groups to display
 *
 * @returns A rendered footer with branding, social links, and optional navigation links
 */
declare const Footer: FC<FooterProps>;
//#endregion
export { Footer, FooterLink, LinkGroup };
//# sourceMappingURL=index.d.ts.map