@amsterdam/design-system-react/dist/src/PageHeader/LogoLinkContent.js

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import { clsx } from 'clsx';
import { Logo } from '../Logo';
export const LogoLinkContent = ({ brandNameFullOrShort, brandNameShort, logoAccessibleName, logoBrand, }) => (_jsxs(_Fragment, { children: [_jsx("span", { className: clsx(logoBrand === 'amsterdam' && brandNameFullOrShort && 'ams-page-header__logo-container'), children: _jsx(Logo, { "aria-label": logoAccessibleName, brand: logoBrand }) }), brandNameShort && (_jsx("span", { "aria-hidden": "true", className: "ams-page-header__brand-name-short", children: brandNameShort })), brandNameFullOrShort && (_jsx("span", { "aria-hidden": "true", className: "ams-page-header__brand-name", children: brandNameFullOrShort }))] }));