Card.js

gistfile1.txt

import React from 'react';

class Card extends React.Component {
  constructor() {
    super();
    this.state = {
      colors: ['blue-grey', 'red', 'brown' ]
    }
  }
  render() {
    let color = this.state.colors[Math.floor(Math.random()* this.state.colors.length)];
    let className = `card darken-1 ${color}`;
    return (
      <div className="row">
        <div className="col s12 m6">
          <div className={className}>
            <div className="card-content white-text">
              <p>{this.props.text}</p>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default Card;