src/helpers/grid-axis-layer.js

import AxisLayer from '../axis/axis-layer';
import Ticks from '../shapes/ticks';
import gridAxisGenerator from '../axis/grid-axis-generator';


/**
 * Helper to create a grid layer
 *
 * [example usage](./examples/layer-axis.html)
 */
export default class GridAxisLayer extends AxisLayer {
  /**
   * @param {Object} options - An object to configure the layer.
   */
  constructor(options) {
    options = Object.assign({
      color: 'steelblue',
      bpm: 60,
      signature: '4/4'
    }, options);

    super(gridAxisGenerator(options.bpm, options.signature), options);

    this.configureShape(Ticks, {}, {
      color: options.color
    });
  }
}