import * as tslib_1 from "tslib";
import React from 'react';
import { styled } from 'styleh-components';
import { media } from '@skava/styleh-toolset';
import { observer } from 'xmobx/mobx-react';
import { SnackBarActionButton, Message, ButtonText } from '@skava/packages/ui';
import { AutoDismissingSnackBar as InterfaceSnackBar } from '@skava/ui-presets/dist/presets/AutoDismissingSnackBar';
import { errorContainer } from './container';
/**
 * @todo @fixme @@demo !!! NEEDS UI-COMPONENT-LIBRARY UPDATE
 */
const StyledSnackBar = styled(InterfaceSnackBar) `
  max-width: 592px;
  height: auto;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  z-index: 100;
  ${media.phoneOrSmaller `
    padding: 1rem;
    width: calc(100% - 1rem);
    border-radius: 4px;
  `}
  ${Message} {
    margin: 0;
    @font (18, medium);
    padding: 0;
    color: var(--color-pure-white);
    margin-right: var(--spacing-small);
    ${media.phoneOrSmaller `
      @font(14, medium);
    `}
  }
`;
const SnackBarButtonElement = styled(SnackBarActionButton) `
  padding: 0;
  color: var(--color-pure-white);
  ${ButtonText} {
    @font (18, medium);
    text-transform: capitalize;
    margin: 0;
    ${media.phoneOrSmaller `
      @font(14, medium);
    `}
  }
  span {
    margin: 0;
  }
`;
const onClick = (event) => {
    errorContainer.hide();
    // hide = reset error
};
const renderActionButtonGroup = () => React.createElement(SnackBarButtonElement, { text: 'dismiss', onClick: onClick });
let SnackBar = class SnackBar extends React.Component {
    render() {
        /**
         * @todo
         * and also we need some "onRetry" button probably
         * and also double check what the children prop is
         */
        return (React.createElement(StyledSnackBar, { position: 'bottomcenter', state: errorContainer, renderActionButtonGroup: renderActionButtonGroup, label: errorContainer.label }));
    }
};
SnackBar = tslib_1.__decorate([
    observer
], SnackBar);
export { SnackBar };
//# sourceMappingURL=Notification.js.map