bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/presentation/presentation-close-button/component.jsx
2021-11-08 12:13:56 +00:00

29 lines
787 B
JavaScript
Executable File

import React from 'react';
import { defineMessages, injectIntl } from 'react-intl';
import Styled from './styles';
const intlMessages = defineMessages({
closePresentationLabel: {
id: 'app.presentation.hide',
description: 'Hide presentation label',
},
});
const ClosePresentationComponent = ({
intl, toggleSwapLayout, layoutContextDispatch, isIphone,
}) => (
<Styled.CloseButton
isIphone={isIphone}
color="muted"
icon="minus"
size="sm"
data-test="hidePresentationButton"
onClick={() => toggleSwapLayout(layoutContextDispatch)}
label={intl.formatMessage(intlMessages.closePresentationLabel)}
aria-label={intl.formatMessage(intlMessages.closePresentationLabel)}
hideLabel
/>
);
export default injectIntl(ClosePresentationComponent);