@amsterdam/design-system-react/dist/Logo/Logo.js

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

import { jsx as _jsx } from "react/jsx-runtime";
/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import clsx from 'clsx';
import { forwardRef } from 'react';
import { LogoAmsterdam, LogoGgdAmsterdam, LogoMuseumWeesp, LogoStadsarchief, LogoStadsbankVanLening, LogoVgaVerzekeringen, } from './brand';
const logoConfig = {
    amsterdam: LogoAmsterdam,
    'ggd-amsterdam': LogoGgdAmsterdam,
    'museum-weesp': LogoMuseumWeesp,
    stadsarchief: LogoStadsarchief,
    'stadsbank-van-lening': LogoStadsbankVanLening,
    'vga-verzekeringen': LogoVgaVerzekeringen,
};
export const Logo = forwardRef(({ brand = 'amsterdam', className, ...restProps }, ref) => {
    const LogoComponent = logoConfig[brand];
    return _jsx(LogoComponent, { ...restProps, className: clsx('ams-logo', className), ref: ref });
});
Logo.displayName = 'Logo';