import React from 'react';
import '../styles/colors-presentation.scss';
import ColoredRectangle from '../../global/components/ColoredRectangle.jsx';

export class App extends React.Component {
  constructor() {
    super();
  }

  render() {
    return (
      <div>
        <h1>Platform UI Theme</h1>
        <ColoredRectangle color="grey-90" />
        <ColoredRectangle color="grey-57" />
        <ColoredRectangle color="grey-16" />
        <ColoredRectangle color="grey-4" />
        <ColoredRectangle color="white" />
        <ColoredRectangle color="brand-primary" />
        <ColoredRectangle color="brand-primary-light" />
        <ColoredRectangle color="red" />
        <ColoredRectangle color="red-light" />
      </div>
    )
  }
}