@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
45 lines • 1.35 kB
JavaScript
var _svg;
import React from 'react';
import clsx from 'clsx';
import E from "../Element.js";
import { Theme } from "../../shared/index.js";
import withComponentMarkers from "../../shared/helpers/withComponentMarkers.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function Blockquote({
noBackground,
direction = 'horizontal',
className,
children,
ref,
...props
}) {
return _jsxs(E, {
as: "blockquote",
skeletonMethod: "font",
ref: ref,
className: clsx(className, noBackground && 'dnb-blockquote--no-background', direction === 'vertical' && 'dnb-blockquote--top'),
...props,
children: [_svg || (_svg = _jsxs("svg", {
className: "dnb-blockquote__quote-icon",
width: "48",
height: "48",
viewBox: "0 0 48 48",
fill: "none",
"aria-hidden": true,
children: [_jsx("path", {
d: "M37.5 27.496a9 9 0 1 0 0-18 9 9 0 0 0 0 18M13.5 27.496a9 9 0 1 0 0-18 9 9 0 0 0 0 18"
}), _jsx("path", {
d: "M46.5 18.496a21 21 0 0 1-21 21m-3-21a21 21 0 0 1-21 21",
fill: "none"
})]
})), _jsx(Theme.Context, {
surface: noBackground ? 'initial' : 'dark',
children: children
})]
});
}
withComponentMarkers(Blockquote, {
_supportsSpacingProps: true
});
export default Blockquote;
//# sourceMappingURL=Blockquote.js.map