import React, { Component } from 'react';
import classNames from 'classnames';
import { keysOf } from "../../libraries";
import { string } from 'prop-types';
const colorsToClassNameMap = {
    default: 'softTextColor--default',
    subdued: 'softTextColor--subdued',
    secondary: 'softTextColor--secondary',
    accent: 'softTextColor--accent',
    danger: 'softTextColor--danger',
    warning: 'softTextColor--warning',
    ghost: 'softTextColor--ghost',
};
export const SOFT_TEXT_COLORS = keysOf(colorsToClassNameMap);
const defaultProps = {
    className: string,
    color: 'default'
};
export class SoftTextColor extends Component {
    render() {
        let { children, color, className, component: Component, ...rest } = this.props;
        const classes = classNames('softTextColor', colorsToClassNameMap[color], className);
        return (React.createElement(Component, Object.assign({ className: classes }, rest), children));
    }
}
SoftTextColor.defaultProps = { color: 'default', className: '', component: 'span' };
SoftTextColor.propTypes = {};
//# sourceMappingURL=SoftTextColor.js.map