preact-material-components/Elevation/Elevation.jsx

preact wrapper for "Material Components for the web"

import {h} from 'preact';
import MaterialComponent from '../MaterialComponent';

/**
 * @prop mini = false
 * @prop plain = false
 */
export default class Elevation extends MaterialComponent {
  constructor() {
    super();
    this.componentName = 'elevation';
    this._mdcProps = [];
    for (let elevationIndex = 0; elevationIndex < 25; elevationIndex++) {
      this._mdcProps.push('z' + elevationIndex);
    }
  }
  materialDom(props) {
    let className = '';
    if (props.z) {
      className = 'mdc-elevation--z' + props.z;
    }
    return (
      <p className={className} {...props} ref={this.setControlRef}>
        {props.children}
      </p>
    );
  }
}