import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from '../../services';
const ALIGNMENT = [
    LEFT_ALIGNMENT,
    RIGHT_ALIGNMENT,
    CENTER_ALIGNMENT
];
export class SoftTableFooterCell extends Component {
    render() {
        let { children, align, colSpan, className, ...rest } = this.props;
        const classes = classNames('softTableFooterCell', className);
        const contentClasses = classNames('softTableCellContent', className, {
            'softTableCellContent--alignRight': align === RIGHT_ALIGNMENT,
            'softTableCellContent--alignCenter': align === CENTER_ALIGNMENT,
        });
        return (React.createElement("td", Object.assign({ className: classes, colSpan: colSpan }, rest),
            React.createElement("div", { className: contentClasses },
                React.createElement("span", { className: "softTableCellContent__text" }, children))));
    }
}
SoftTableFooterCell.defaultProps = {
    align: LEFT_ALIGNMENT,
};
SoftTableFooterCell.propTypes = {
    children: PropTypes.node,
    className: PropTypes.string,
    align: PropTypes.oneOf(ALIGNMENT),
    colSpan: PropTypes.number,
};
//# sourceMappingURL=table_footer_cell.js.map