jiti-meet/react/features/conference/components/web/ConferenceInfoContainer.js

34 lines
672 B
JavaScript

/* @flow */
import React from 'react';
import { isAlwaysOnTitleBarEmpty } from '../functions.web';
type Props = {
/**
* The children components.
*/
children: React$Node,
/**
* Id of the component.
*/
id?: string,
/**
* Whether this conference info container should be visible or not.
*/
visible: boolean
}
export default ({ visible, children, id }: Props) => (
<div
className = { `subject${isAlwaysOnTitleBarEmpty() ? '' : ' with-always-on'}${visible ? ' visible' : ''}` }
id = { id }>
<div className = { 'subject-info-container' }>
{children}
</div>
</div>
);