import { ComponentChildren } from 'preact'; import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'; export interface BuddyMenuProps extends SharedProps { /** Should be populated with product specific js */ userName?: string; /** Should be list item components */ links?: ComponentChildren; /** Should be populated with product specific js */ accountLevel?: string; /** Url for "Mitt konto" button */ myAccountUrl: string; /** Ex. [{ title: 'Annonsfri', href: "https://id.dn.se/konto/?nextUrl=/vanliga-fragor/dn/#Annonsfritt" }] */ addons?: Array<{ title: string; href?: string; classNames?: string; }>; addonsClassNames?: string; isDnSkola?: boolean; /** Fixed pixel value is used for typography to prevent scaling based on html font-size */ forcePx?: boolean; } /** * - GitHub: [BonnierNews/dn-design-system/web/src/components/buddy-menu](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/buddy-menu) * - Storybook: [BuddyMenu](https://designsystem.dn.se/?path=/docs/page-buddymenu--docs) * * The component will not include styling by itself. Make sure to include the right styles for the component. See example below: * `@use "@bonniernews/dn-design-system-web/components/buddy-menu/buddy-menu" as *;` * * #### Adjust buddy menu position * These css variables can be overwritten to adjust the position of the buddy menu: * * ```css * --ds-buddy-menu-bottom-margin: 100px; * --ds-buddy-menu-position-top: 0; * --ds-buddy-menu-position-right: 0; * ``` * * If we are using an (list-item) accordion in the buddy menu, we need to include the following js: * * ```javascript * import dsListItem from '@bonniernews/dn-design-system-web/components/list-item/list-item.js' * const listElements = Array.from(document.getElementsByClassName("ds-list-item")); * dsListItem(listElements);s * ``` */ export declare const BuddyMenu: ({ userName, links, accountLevel, myAccountUrl, addons, addonsClassNames, isDnSkola, classNames, attributes, forcePx, }: BuddyMenuProps) => import("preact").JSX.Element;