import React, { PureComponent } from 'react';
import classNames from 'classnames';
import { keysOf } from '../common';
const titleSizeToClassNameMap = {
    xxxs: 'softTitle--xxxsmall',
    xxs: 'softTitle--xxsmall',
    xs: 'softTitle--xsmall',
    s: 'softTitle--small',
    m: 'softTitle--medium',
    l: 'softTitle--large',
};
export const SOFT_TITLE_SIZES = keysOf(titleSizeToClassNameMap);
const textTransformToClassNameMap = {
    uppercase: 'softTitle--uppercase',
};
export const SOFT_TEXT_TRANSFORM = keysOf(textTransformToClassNameMap);
export class SoftTitle extends PureComponent {
    render() {
        let { size = 'm', children, className, textTransform, ...rest } = this.props;
        const classes = classNames('softTitle', titleSizeToClassNameMap[size], textTransform ? textTransformToClassNameMap[textTransform] : undefined, className);
        const props = {
            className: classes,
            ...rest,
        };
        return React.cloneElement(children, props);
    }
}
SoftTitle.defaultProps = { size: 'm' };
//# sourceMappingURL=SoftTitle.js.map