import React from 'react';
import classNames from 'classnames';
import { SoftButtonIcon, } from '../../ButtonIcon';
import { SoftFlexGroup, SoftFlexItem, } from '../../Flex';
import { SoftI18n, } from '../../I18n';
export const SoftHeaderAlert = ({ action, className, date, text, title, ...rest }) => {
    const classes = classNames('softHeaderAlert', className);
    return (React.createElement(SoftI18n, { token: "softHeaderAlert.dismiss", default: "Dismiss" }, dismiss => (React.createElement("div", Object.assign({ className: classes }, rest),
        React.createElement(SoftButtonIcon, { "aria-label": dismiss, iconType: "cross", size: "s", className: "softHeaderAlert__dismiss" }),
        React.createElement("div", { className: "softHeaderAlert__title" }, title),
        React.createElement("div", { className: "softHeaderAlert__text" }, text),
        React.createElement(SoftFlexGroup, { justifyContent: "spaceBetween" },
            React.createElement(SoftFlexItem, { grow: false },
                React.createElement("div", { className: "softHeaderAlert__action softLink" }, action)),
            React.createElement(SoftFlexItem, { grow: false },
                React.createElement("div", { className: "softHeaderAlert__date" }, date)))))));
};
//# sourceMappingURL=SoftHeaderAlert.js.map