@postenbring/hedwig-react
Version:
React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
67 lines • 2.58 kB
TypeScript
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