UNPKG

@postenbring/hedwig-react

Version:

React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

67 lines 2.58 kB
import { forwardRef, type HTMLAttributes, type ReactElement } from "react"; interface FooterLogoProps extends HTMLAttributes<HTMLDivElement> { /** * Change the default rendered element for the one passed as a child, merging their props and behavior. * * @default false */ asChild?: boolean; } /** * A fixed Posten or Bring logo. * * The logo follows the brand theme, so if the class `hds-theme-bring` is set the Bring logo will be shown instead of the Posten logo */ export declare const FooterLogo: import("react").ForwardRefExoticComponent<FooterLogoProps & import("react").RefAttributes<HTMLDivElement>>; export interface FooterButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> { /** * Change the default rendered element for the one passed as a child, merging their props and behavior. * * @default false */ asChild?: boolean; } /** * 🚨 WORK IN PROGRESS 🚨 */ export declare const FooterButtonLink: import("react").ForwardRefExoticComponent<FooterButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement>>; interface FooterLinkSectionsProps extends HTMLAttributes<HTMLDivElement> { children: ReactElement<FooterLinkSectionProps> | ReactElement<FooterLinkSectionProps>[]; } /** * Responsive sections of links. Will become an accordion on mobile. * * Use with {@link FooterLinkSection} for each section. */ export declare const FooterLinkSections: import("react").ForwardRefExoticComponent<FooterLinkSectionsProps & import("react").RefAttributes<HTMLDivElement>>; interface FooterLinkSectionProps extends HTMLAttributes<HTMLDivElement> { heading: React.ReactNode; children: React.ReactNode; } export declare const FooterLinkSection: import("react").ForwardRefExoticComponent<FooterLinkSectionProps & import("react").RefAttributes<HTMLDivElement>>; export interface FooterProps extends HTMLAttributes<HTMLDivElement> { /** * Footer variant * * @default "default" */ variant?: "default" | "slim"; /** * Change the default rendered element for the one passed as a child, merging their props and behavior. * * @default false */ asChild?: boolean; } /** * 🚨 WORK IN PROGRESS 🚨 */ export declare const Footer: FooterType; type FooterType = ReturnType<typeof forwardRef<HTMLDivElement, FooterProps>> & { Logo: typeof FooterLogo; ButtonLink: typeof FooterButtonLink; LinkSections: typeof FooterLinkSections; LinkSection: typeof FooterLinkSection; }; export {}; //# sourceMappingURL=footer.d.ts.map