bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/component.jsx

import React from 'react';
import { defineMessages, injectIntl } from 'react-intl';
import Button from '/imports/ui/components/button/component';
import cx from 'classnames';
import { styles } from './styles';

const intlMessages = defineMessages({
  fullscreenButton: {
    id: 'app.fullscreenButton.label',
    description: 'Fullscreen label',
  },
});

const FullscreenButtonComponent = ({ intl, handleFullscreen, dark }) => (
  <div className={cx(styles.wrapper, dark ? styles.dark : styles.light)}>
    <Button
      role="button"
      aria-labelledby="fullscreenButtonLabel"
      aria-describedby="fullscreenButtonDesc"
      color="default"
      icon="fullscreen"
      size="sm"
      onClick={handleFullscreen}
      label={intl.formatMessage(intlMessages.fullscreenButton)}
      hideLabel
      circle
      className={styles.button}
    />
  </div>
);

export default injectIntl(FullscreenButtonComponent);