import React from 'react';
import styled from 'styled-components';
import { applyNoSelect } from '../../mixins';
import { dark02, white } from '../../tokens';
import { Footnote1 } from '../Typography';
export var StyledRoot = styled(Footnote1).withConfig({
    displayName: "Toast__StyledRoot",
    componentId: "sc-d40fdfda-0"
})([
    "display:inline-flex;align-items:center;padding:0.6875rem 1.25rem;border-radius:1.5rem;background:",
    ";color:",
    ";",
    ";"
], dark02, white, applyNoSelect);
var StyledContent = styled.div.withConfig({
    displayName: "Toast__StyledContent",
    componentId: "sc-d40fdfda-1"
})([
    "display:flex;align-items:center;margin-right:0.5rem;"
]);
/**
 * Короткие текстовые подсказки.
 * Вызываются только в текущем запущенном приложении как реакция на выполнение действия пользователем.
 */ export var Toast = function Toast(param) {
    var _param_role = param.role, role = _param_role === void 0 ? 'status' : _param_role, text = param.text, contentLeft = param.contentLeft;
    var ariaLive = 'polite';
    var ariaAtomic = false;
    if (role === 'alert') {
        ariaLive = 'assertive';
    } else if (role === 'status') {
        ariaAtomic = true;
    }
    return /*#__PURE__*/ React.createElement(StyledRoot, {
        role: role,
        "aria-live": ariaLive,
        "aria-atomic": ariaAtomic
    }, contentLeft && /*#__PURE__*/ React.createElement(StyledContent, null, contentLeft), text);
};
