@transferwise/components 0.0.0-experimental-eec707b → 0.0.0-experimental-dc27730

package/src/inlineAlert/InlineAlert.js

@@ -1,62 +0,0 @@
-import { AlertCircle as AlertCircleIcon } from '@transferwise/icons';
-import { useTheme } from '@wise/components-theming';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-
-import withArrow, { AlertArrowPosition } from '../alert/withArrow';
-import { Sentiment } from '../common';
-
-const typeClassMap = {
-  [Sentiment.ERROR]: 'danger',
-  [Sentiment.NEGATIVE]: 'danger',
-};
-
-const InlineAlert = (props) => {
-  const { isModern } = useTheme();
-
-  const typeClass = `alert-${typeClassMap[props.type] || props.type}`;
-
-  if (isModern) {
-    return (
-      <div
-        role="alert"
-        id={props.id}
-        className={classNames('alert alert-detach', typeClass, props.className)}
-      >
-        {(props.type === 'error' || props.type === 'negative') && <AlertCircleIcon />}
-        <div>{props.children}</div>
-      </div>
-    );
-  }
-
-  const getAlertContents = ({ children, className }) => {
-    return (
-      <div
-        role="alert"
-        id={props.id}
-        className={classNames('alert alert-detach p-x-2 p-y-1', typeClass, className)}
-      >
-        {children}
-      </div>
-    );
-  };
-
-  const AlertWithArrow = withArrow(getAlertContents, AlertArrowPosition.TOP_LEFT);
-
-  return <AlertWithArrow {...props} />;
-};
-
-InlineAlert.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  id: PropTypes.string,
-  type: PropTypes.oneOf(['positive', 'negative', 'warning', 'neutral', 'success', 'info', 'error']),
-};
-
-InlineAlert.defaultProps = {
-  className: undefined,
-  id: undefined,
-  type: Sentiment.NEUTRAL,
-};
-
-export default InlineAlert;