@engie-group/fluid-design-system-react
Version:
Fluid Design System React
64 lines (63 loc) • 1.28 kB
TypeScript
import React from 'react';
import { ILinkProps } from '../link/NJLink';
export declare const NJFooter: React.ForwardRefExoticComponent<IFooterProps & React.RefAttributes<HTMLElement>>;
export interface IFooterProps {
/**
* Logo img src
*/
logoPath?: string;
/**
* Logo alternative text
*/
logoAlt?: string;
/**
* Slogan text
*/
sloganText?: string;
/**
* Array of menus, see example below for usage
*/
menuLists?: Array<TMenuLinks>;
/**
* Array of links displayed above social links
* `{
* url: string;
* logo:
* {
* path: string;
* alt?: string;
* }
* }`
*/
links?: Array<TLinks>;
/**
* Array of social links
* `{
* url: string;
* text: string;
* }`
*/
socialLinks?: Array<TSocialLinks>;
/**
* Optional additional className
*/
className?: string;
children?: React.ReactNode;
}
type TMenuLinks = {
title: string;
items?: Array<TLinks>;
};
type TSocialLinks = {
url: string;
logo: TImg;
};
type TLinks = Omit<ILinkProps, 'href' | 'children' | 'variant'> & {
url: string;
text: string;
};
type TImg = {
path: string;
alt?: string;
};
export {};