/* eslint-disable lines-around-comment */ import { Theme } from '@mui/material'; import React from 'react'; import { WithTranslation } from 'react-i18next'; import { makeStyles } from 'tss-react/mui'; import { translate } from '../../../base/i18n/functions'; import Icon from '../../../base/icons/components/Icon'; import { IconClose } from '../../../base/icons/svg'; import { Button } from '../../../base/ui/components/web'; // @ts-ignore import Label from '../Label'; // @ts-ignore import CountryPicker from '../country-picker/CountryPicker'; interface Props extends WithTranslation { /** * Closes a dialog. */ onClose: Function; /** * Submit handler. */ onSubmit: Function; /** * Handler for text button. */ onTextButtonClick: Function; } const useStyles = makeStyles()((theme: Theme) => { return { dialOutDialog: { padding: theme.spacing(3) }, header: { display: 'flex', justifyContent: 'space-between', marginBottom: theme.spacing(4) }, picker: { margin: `${theme.spacing(2)} 0 ${theme.spacing(3)} 0` } }; }); /** * This component displays the dialog from which the user can enter the * phone number in order to be called by the meeting. * * @param {Props} props - The props of the component. * @returns {React$Element} */ function DialOutDialog(props: Props) { const { onClose, onTextButtonClick, onSubmit, t } = props; const { classes } = useStyles(); return (
{t('prejoin.startWithPhone')}
); } export default translate(DialOutDialog);