import * as React from 'react' ; import { IPropertyFieldSitePickerListItemProps } from './IPropertyFieldSitePickerListItem' ; import { Checkbox } from 'office-ui-fabric-react/lib/Checkbox' ; import styles from './PropertyFieldSitePickerListItem.module.scss' ; import { toRelativeUrl } from '../../../helpers/GeneralHelper' ; export const PropertyFieldSitePickerListItem = ( props ) : JSX . Element => { const { site , checked } = props ; return ( < li className = { styles . siteListItem } key = { site . url } > < Checkbox className = { styles . checkbox } checked = { checked } onChange = { ( ev ? , nowChecked ? ) : void => props . handleCheckboxChange ( site , nowChecked ) } /> < div className = { styles . content } > < span className = { styles . title } title = { site . title } > { site . title } < /span> < span className = { styles . url } title = { site . url } > { toRelativeUrl ( site . url ) } < /span> < /div> < /li>); } ;