bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/presentation/presentation-close-button/component.jsx

35 lines
865 B
JavaScript
Executable File

import React from 'react';
import { defineMessages, injectIntl } from 'react-intl';
import Button from '/imports/ui/components/button/component';
import { styles } from '../styles';
const intlMessages = defineMessages({
closePresentationLabel: {
id: 'app.presentation.close',
description: 'Close presentation label',
},
});
const ClosePresentationComponent = ({
intl,
innerStyle,
toggleSwapLayout,
}) => (
<div style={innerStyle} className={styles.topRight}>
<Button
role="button"
aria-labelledby="closeLabel"
aria-describedby="closeDesc"
color="default"
icon="close"
size="sm"
onClick={toggleSwapLayout}
label={intl.formatMessage(intlMessages.closePresentationLabel)}
hideLabel
className={styles.close}
/>
</div>
);
export default injectIntl(ClosePresentationComponent);