@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
6 lines (5 loc) • 5.03 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from 'react';
const AmsterdamEnglishLogo = forwardRef((props, ref) => (_jsxs("svg", { className: "ams-logo", focusable: "false", height: "2.5rem", ref: ref, role: "img", viewBox: "0 0 115 40", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { className: "ams-logo__emblem", d: "m0 37.683 3.532-3.532L0 30.62l2.355-2.355 3.532 3.532 3.532-3.532 2.355 2.355-3.532 3.532 3.532 3.532L9.419 40l-3.532-3.532L2.355 40zM0 9.406l3.532-3.532L0 2.342 2.355-.013l3.532 3.532L9.419-.013l2.355 2.354-3.532 3.532 3.532 3.532-2.355 2.355-3.532-3.532-3.532 3.532zm0 14.151 3.532-3.532L0 16.493l2.355-2.355 3.532 3.532 3.532-3.532 2.355 2.355-3.532 3.532 3.532 3.532-2.355 2.355-3.532-3.532-3.532 3.531z", fill: "#EC0000" }), _jsx("path", { className: "ams-logo__text-primary", d: "M16.456 8.579c0-3.795 2.613-6.408 6.389-6.408 1.812 0 3.376.648 4.558 1.869l-1.659 1.602c-.706-.801-1.717-1.24-2.88-1.24-2.251 0-3.815 1.717-3.815 4.196 0 2.46 1.583 4.196 3.834 4.196 1.183 0 2.27-.458 2.956-1.24l1.64 1.583c-1.125 1.221-2.746 1.888-4.616 1.888-3.776 0-6.408-2.632-6.408-6.447m14-4.404c-.82 0-1.411-.572-1.411-1.373s.591-1.373 1.411-1.373 1.411.572 1.411 1.373-.591 1.373-1.411 1.373m-1.183 1.202h2.365v9.421h-2.365zm5.531 6.045V7.34h-1.621V5.375h.858c.782 0 1.087-.305 1.087-1.087V2.819h2.022v2.556h2.289V7.34h-2.289v4.082c0 .915.477 1.43 1.354 1.43.267 0 .591-.038.782-.095v1.984c-.286.076-.82.133-1.24.133-2.136 0-3.242-1.182-3.242-3.452m6.18 5.626 1.488-1.488c.534.629 1.335.954 2.346.954 1.392 0 2.213-.801 2.213-2.155v-1.411h-.038c-.42.935-1.278 1.507-2.327 1.507-2.308 0-3.49-1.335-3.49-3.948V5.375h2.365v4.692c0 1.583.553 2.327 1.698 2.327 1.163 0 1.812-.858 1.812-2.384V5.375h2.365v9.079c0 2.518-1.774 4.101-4.558 4.101-1.717 0-3.033-.515-3.872-1.507m15.141-6.962c0-2.88 2.098-4.94 5.016-4.94s5.016 2.06 5.016 4.94-2.098 4.94-5.016 4.94-5.016-2.06-5.016-4.94m5.016 2.88c1.526 0 2.594-1.182 2.594-2.88s-1.068-2.88-2.594-2.88-2.594 1.183-2.594 2.88 1.068 2.88 2.594 2.88m7.534-5.626h-1.602V5.375h1.602V4.154c0-2.155 1.278-3.414 3.471-3.414.267 0 .668.038.877.076v2.041a3.7 3.7 0 0 0-.82-.095c-.744 0-1.163.496-1.163 1.392v1.221h2.289V7.34h-2.289v7.457h-2.365zM20.9 25.287h2.861l4.959 12.397h-2.651l-1.03-2.727h-5.512l-1.03 2.727h-2.556zm-.629 7.61h4.005l-1.984-5.226h-.038zm10.013-4.635h2.212v1.278h.038c.477-.973 1.316-1.507 2.403-1.507 1.221 0 2.136.534 2.708 1.602.572-1.03 1.621-1.602 2.956-1.602 2.327 0 3.452 1.297 3.452 3.948v5.703h-2.365v-5.302c0-1.545-.534-2.289-1.64-2.289s-1.697.82-1.697 2.365v5.226h-2.365v-5.302c0-1.564-.515-2.289-1.64-2.289-1.087 0-1.697.839-1.697 2.365v5.226h-2.365zm18.118 5.474c-1.278-.381-2.518-1.068-2.518-2.785 0-1.736 1.45-2.918 3.605-2.918 1.449 0 2.575.515 3.204 1.469l-1.354 1.354c-.477-.591-1.125-.916-1.831-.916-.801 0-1.297.362-1.297.935 0 .763.801.896 1.965 1.259 1.278.381 2.518 1.068 2.518 2.785 0 1.774-1.526 2.994-3.776 2.994-1.469 0-2.651-.515-3.338-1.488l1.354-1.354c.515.61 1.202.935 1.965.935.916 0 1.469-.382 1.469-1.011 0-.763-.801-.896-1.965-1.259m6.789.572v-4.082h-1.621v-1.965h.858c.782 0 1.087-.305 1.087-1.087v-1.469h2.022v2.556h2.289v1.965h-2.289v4.082c0 .916.477 1.43 1.354 1.43.267 0 .591-.038.782-.095v1.984c-.286.076-.82.134-1.24.134-2.136 0-3.242-1.183-3.242-3.452m5.798-1.336c0-2.918 1.964-4.94 4.768-4.94s4.749 2.003 4.749 4.883c0 .229-.038.591-.076.839h-7.057c.172 1.278 1.259 2.136 2.651 2.136 1.03 0 1.926-.381 2.518-1.068l1.43 1.392c-.858 1.106-2.346 1.698-4.063 1.698-2.899 0-4.921-2.041-4.921-4.94m2.384-.954h4.749c-.153-1.24-1.106-2.079-2.384-2.079s-2.231.839-2.365 2.079m9.099-3.757h2.231v1.564h.038c.458-1.068 1.297-1.64 2.403-1.64.286 0 .687.038.839.095v2.251c-.267-.076-.782-.133-1.163-.133-1.202 0-1.984.916-1.984 2.327v4.959h-2.365zm6.179 4.749c0-2.918 1.926-4.978 4.654-4.978 1.259 0 2.289.553 2.937 1.564h.038v-5.741h2.365v13.828h-2.232v-1.469h-.038c-.61 1.068-1.755 1.698-3.071 1.698-2.727 0-4.654-2.041-4.654-4.902m7.629-.038c0-1.697-1.049-2.823-2.594-2.823-1.564 0-2.613 1.144-2.613 2.823s1.049 2.823 2.613 2.823c1.545 0 2.594-1.125 2.594-2.823m4.178 2.022c0-1.812 1.507-2.899 4.024-2.918l1.831-.019v-.305c0-1.106-.706-1.678-1.984-1.678-.839 0-1.583.324-2.098.915l-1.43-1.392c.82-1.011 2.136-1.564 3.757-1.564 2.518 0 4.12 1.373 4.12 3.567v3.738c0 .343.153.496.534.496h.172v1.85h-1.106c-.896 0-1.507-.42-1.697-1.106h-.038c-.591.858-1.564 1.335-2.746 1.335-1.984 0-3.338-1.183-3.338-2.918m5.855-.82v-.534l-1.564.019c-1.24.019-1.907.458-1.907 1.278 0 .725.572 1.24 1.373 1.24 1.24 0 2.098-.82 2.098-2.003m4.92-5.914h2.212v1.278h.038c.477-.973 1.316-1.507 2.403-1.507 1.221 0 2.136.534 2.708 1.602.572-1.03 1.621-1.602 2.956-1.602 2.327 0 3.452 1.297 3.452 3.948v5.703h-2.365v-5.302c0-1.545-.534-2.289-1.64-2.289s-1.698.82-1.698 2.365v5.226h-2.365v-5.302c0-1.564-.515-2.289-1.64-2.289-1.087 0-1.697.839-1.697 2.365v5.226h-2.365z", fill: "#EC0000" })] })));
AmsterdamEnglishLogo.displayName = 'AmsterdamEnglishLogo';
export default AmsterdamEnglishLogo;