视频播放器仓库

Fullscreen.js 684B

1234567891011121314151617181920212223
  1. import React from 'react';
  2. import styles from './Fullscreen.css';
  3. import FullscreenIcon from './../Icon/fullscreen.svg';
  4. export default ({ onClick, className, ariaLabel, onScreenClickCallback }) => {
  5. return (
  6. <div className={[
  7. styles.component,
  8. className
  9. ].join(' ')}>
  10. <button
  11. type="button"
  12. onClick={onClick.bind(this, onScreenClickCallback)}
  13. aria-label={ariaLabel}
  14. className={styles.button}>
  15. <FullscreenIcon
  16. fill="#fff"
  17. className={styles.icon} />
  18. </button>
  19. </div>
  20. );
  21. };