EllipsisIcon.js 950 B

12345678910111213141516171819202122232425262728293031
  1. import React, { Component } from 'react';
  2. import PropTypes from 'prop-types';
  3. import './HomeTile.scss';
  4. export class EllipsisIcon extends Component {
  5. static propTypes = {
  6. /** Custom class name(s) */
  7. className: PropTypes.string,
  8. /** An array of all of the tiles, if there are no assets it defaults to empty */
  9. onMenu: PropTypes.func
  10. };
  11. render() {
  12. const { className, onMenu } = this.props;
  13. return (
  14. <svg tabIndex="0" className={className} onClick={ onMenu } onKeyUp={ onMenu } xmlns="http://www.w3.org/2000/svg"
  15. viewBox="0 0 24 24" style={{ 'enable-background': 'new 0 0 24 24' }} xmlSpace="preserve">
  16. <g className="dot-first">
  17. <circle className="more-icon-dot" cx="20" cy="4" r="2"/>
  18. </g>
  19. <g className="dot-second">
  20. <circle className="more-icon-dot" cx="20" cy="12" r="2"/>
  21. </g>
  22. <g className="dot-third">
  23. <circle className="more-icon-dot" cx="20" cy="20" r="2"/>
  24. </g>
  25. </svg>
  26. );
  27. }
  28. }