'use strict';

// import './CardComponent.css!';

import React from 'react';
import ReactDOM from 'react-dom';

export default class CardComponent extends React.Component {
  render() {
    return (
      <div className="card-component">
        <h3 className="card-component__title">{this.props.title}</h3>
        <div className="card-component__content">
          <p>I am a very simple card.</p>
        </div>
      </div>
    );
  }
}
'use strict';

System.import('./app/CardComponent.css!');

import React from 'react';
import ReactDOM from 'react-dom';

export default class CardComponent extends React.Component {
  render() {
    return (
      <div className="card-component">
        <h3 className="card-component__title">{this.props.title}</h3>
        <div className="card-component__content">
          <p>I am a very simple card.</p>
        </div>
      </div>
    );
  }
}
Use System.import syntax for CSS
Use System.import syntax for CSS
