import React from 'react'; import { makeStyles } from 'tss-react/mui'; import LanguageListItem from './LanguageListItem.web'; interface ILanguageListProps { items: Array; onLanguageSelected: (lang: string) => void; selectedLanguage: string; } const useStyles = makeStyles()(() => { return { itemsContainer: { display: 'flex', flexFlow: 'column' } }; }); interface ILanguageItem { id: string; lang: string; selected: boolean; } /** * Component that renders the security options dialog. * * @returns {React$Element} */ const LanguageList = ({ items, onLanguageSelected }: ILanguageListProps) => { const { classes: styles } = useStyles(); const listItems = items.map(item => ()); return (
{listItems}
); }; export default LanguageList;