@kadconsulting/dry
Version:
KAD Reusable Component Library
8 lines • 870 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import './Display2xl.scss';
import '../Typography.scss';
import { forwardRef } from 'react';
import classnames from 'classnames';
const Display2xl = forwardRef(({ id, children, className, verticalRhythm, textAlign = 'left', weight = 'regular', fontStyle = 'normal', textDecoration = 'none', color = 'fontColorDisplay2xl', ...props }, ref) => (_jsx("h1", { id: id, ref: ref, className: classnames(className, 'dry-display2xl', `dry-display2xl--color-${color}`, 'dry-typography', `dry-typography--weight-${weight}`, `dry-typography--font-style-${fontStyle}`, `dry-typography--text-align-${textAlign}`, `dry-typography--text-decoration-${textDecoration}`, { 'dry-typography--no-vertical-rhythm': verticalRhythm === false }), ...props, children: children })));
export default Display2xl;
//# sourceMappingURL=Display2xl.js.map