import { DividerMetadata } from '../../atoms/divider/types';
import { LanguageSelectorMetadata } from '../language-selector/types';
import { LinkCakeMetadata } from '../links-cake/types';
/**
 * Social link configuration.
 */
export interface SocialLinkMetadata {
    /** Ionicon name (e.g., 'logo-facebook', 'logo-twitter') */
    icon: string;
    /** URL to the social profile */
    url: string;
    /** Accessible name for the link */
    name: string;
}
/**
 * Configuration for the footer links component.
 */
export interface FooterLinksMetadata {
    /** Left column links configuration */
    leftLinks: LinkCakeMetadata;
    /** Right column links configuration */
    rightLinks: LinkCakeMetadata;
    /**
     * CSS variable name for the logo (recommended for dark mode support).
     * When set, uses background-image with this CSS variable.
     * The variable should be defined in your theme and change based on color scheme.
     * @example '--main-logo'
     */
    logoCssVariable?: string;
    /** Optional logo URL (alternative to logoCssVariable) */
    logo?: string;
    /** Logo URL for dark mode. If not set, uses logo with filter invert. */
    logoDark?: string;
    /** Logo alt text. Default: 'Logo' */
    logoAlt?: string;
    /** Logo width when using logoCssVariable @default '10rem' */
    logoWidth?: string;
    /** Logo height when using logoCssVariable @default '3rem' */
    logoHeight?: string;
    /** Route to navigate when logo is clicked */
    logoRoute?: string;
    /** Optional divider configuration. Set to false to hide the divider. */
    divider?: DividerMetadata | false;
    /** Social media links */
    socialLinks?: SocialLinkMetadata[];
    /** Language selector configuration. Set to false to hide. */
    languageSelector?: LanguageSelectorMetadata | false;
    /** Icon color for social links. Default: 'dark' */
    socialIconColor?: string;
}
