jiti-meet/react/features/prejoin/components/country-picker/CountrySelector.js

41 lines
897 B
JavaScript

// @flow
import React from 'react';
import { Icon, IconArrowDown } from '../../../base/icons';
type Props = {
/**
* Country object of the entry.
*/
country: { name: string, dialCode: string, code: string },
/**
* Click handler for the selector.
*/
onClick: Function,
};
/**
* This component displays the country selector with the flag.
*
* @returns {ReactElement}
*/
function CountrySelector({ country: { code, dialCode }, onClick }: Props) {
return (
<div
className = 'cpick-selector'
onClick = { onClick }>
<div className = { `prejoin-dialog-flag iti-flag ${code}` } />
<span>{`+${dialCode}`}</span>
<Icon
className = 'cpick-icon'
size = { 16 }
src = { IconArrowDown } />
</div>
);
}
export default CountrySelector;