@yandex/ui/esm/Header/__examples__/serpheader.js

Yandex UI components

import React from 'react';
import { Header } from '@yandex-lego/components/Header/desktop';
// @ts-expect-error
import * as favoritesIcon from '@yandex-lego/serp-header/dist/base/favorites-icon.desktop';
// @ts-expect-error
import * as yaplusIcon from '@yandex-lego/serp-header/dist/base/yaplus.desktop.base';
// @ts-expect-error
import * as signupLink from '@yandex-lego/serp-header/dist/base/signup-link.desktop';
// @ts-expect-error
import * as loginButton from '@yandex-lego/serp-header/dist/base/login-button.desktop';
// @ts-expect-error
import * as notifierIcon from '@yandex-lego/serp-header/dist/base/notifier.desktop';
var baseProps = {
    key: 'base',
    /* домен */
    tld: 'ru',
    /* язык */
    lang: 'ru',
};
export var SerpHeader = function () {
    return (React.createElement(React.Fragment, null,
        React.createElement("div", null,
            React.createElement(Header, { className: "SearchHeader", actions: React.createElement(React.Fragment, null,
                    React.createElement("div", { style: { height: 44 }, dangerouslySetInnerHTML: { __html: favoritesIcon.getContent(baseProps) } }),
                    React.createElement("div", { dangerouslySetInnerHTML: { __html: notifierIcon.getContent(baseProps) } }),
                    React.createElement("div", { dangerouslySetInnerHTML: { __html: yaplusIcon.getContent(baseProps) } }),
                    React.createElement("div", { dangerouslySetInnerHTML: { __html: signupLink.getContent(baseProps) } }),
                    React.createElement("div", { dangerouslySetInnerHTML: { __html: loginButton.getContent(baseProps) } })) }))));
};