// (C) Copyright 2014-2016 Hewlett Packard Enterprise Development LP

import React, { Component, PropTypes } from 'react';
import FormattedMessage from '../../FormattedMessage';
import CSSClassnames from '../../../utils/CSSClassnames';

const STATUS_ICON = CSSClassnames.STATUS_ICON;

export default class CriticalStatus extends Component {
  render() {
    var className = `${STATUS_ICON} ${STATUS_ICON}-critical`;
    var a11yTitle = this.props.a11yTitle;
    if (this.props.className) {
      className += ' ' + this.props.className;
    }
    if (typeof a11yTitle === "undefined") {
      // this.props.a11yTitle emplty string is an acceptable value.
      // only if undefined should use the default title value.
      a11yTitle ='Critical';
    }
    var criticalTitleId = 'critical-title';
    return (
      <svg className={className} viewBox="0 0 24 24"
        aria-labelledby={criticalTitleId} role="img" version="1.1">
        <title id={criticalTitleId}>
          <FormattedMessage id={a11yTitle} defaultMessage={a11yTitle} />
        </title>
        <g className={`${STATUS_ICON}__base`} stroke="none">
          <path role="presentation" d="M12,0 L24,12 L12,24 L0,12 Z" />
        </g>
        <g className={`${STATUS_ICON}__detail`} fill="none">
          <path role="presentation" d="M8,8 L16,16" strokeWidth="2" />
          <path role="presentation" d="M8,16 L16,8" strokeWidth="2" />
        </g>
      </svg>
    );
  }
}

CriticalStatus.propTypes = {
  a11yTitle: PropTypes.string
};

@@ -116,16 +116,53 @@
 react';%0A
+import classnames from 'classnames';%0A
 import F
@@ -273,27 +273,26 @@
 %0A%0Aconst 
-STATUS_ICON
+CLASS_ROOT
  = CSSCl
@@ -391,410 +391,177 @@
     
-var className = %60$%7BSTATUS_ICON%7D $%7BSTATUS_ICON%7D-critical%60;%0A    var a11yTitle = this.props.a11yTitle;%0A    if (this.props.className) %7B%0A      className += ' ' + this.props.
+const %7B a11yTitle, className, ...props %7D = this.props;%0A    const classes = 
 class
-Name;
+names(
 %0A    
-%7D%0A    if (typeof a11yTitle === %22undefined%22) %7B%0A      // this.props.a11yTitle emplty string is an acceptable value.%0A      // only if undefined should use the default title value.%0A      a11yTitle ='Critical';%0A    %7D%0A    var
+  CLASS_ROOT,%0A      %60$%7BCLASS_ROOT%7D-critical%60,%0A      className%0A    );%0A    const
  cri
@@ -616,16 +616,27 @@
     %3Csvg
+ %7B...props%7D
  classNa
@@ -644,20 +644,18 @@
 e=%7Bclass
-Nam
 e
+s
 %7D viewBo
@@ -888,27 +888,26 @@
 ame=%7B%60$%7B
-STATUS_ICON
+CLASS_ROOT
 %7D__base%60
@@ -1032,27 +1032,26 @@
 ame=%7B%60$%7B
-STATUS_ICON
+CLASS_ROOT
 %7D__detai
@@ -1249,16 +1249,76 @@
 %0A  %7D%0A%7D%0A%0A
+CriticalStatus.defaultProps = %7B%0A  a11yTitle: 'Critical'%0A%7D;%0A%0A
 Critical

Clean up & transfer props to status Critical icon