UNPKG

@kadconsulting/dry

Version:
8 lines 863 B
import { jsx as _jsx } from "react/jsx-runtime"; import './DisplayXs.scss'; import '../Typography.scss'; import { forwardRef } from 'react'; import classnames from 'classnames'; const DisplayXs = forwardRef(({ id, children, className, verticalRhythm, textAlign = 'left', weight = 'regular', fontStyle = 'normal', textDecoration = 'none', color = 'fontColorDisplayXs', ...props }, ref) => (_jsx("h6", { id: id, ref: ref, className: classnames(className, 'dry-displayXs', `dry-displayXs--color-${color}`, 'dry-typography', `dry-typography--weight-${weight}`, `dry-typography--text-align-${textAlign}`, `dry-typography--font-style-${fontStyle}`, `dry-typography--text-decoration-${textDecoration}`, { 'dry-typography--no-vertical-rhythm': verticalRhythm === false }), ...props, children: children }))); export default DisplayXs; //# sourceMappingURL=DisplayXs.js.map