import * as React from "react" ; import { useStableId } from "../hooks/useStableId" ; export interface Props { checked : boolean ; onChange : ( ) => void ; label : string ; title ? : string ; } export function SettingsListCheckbox ( props ) { const id = useStableId ( "checkbox-id-" ) ; return ( < li title = { props . title } > < input id = { id } type = "checkbox" checked = { props . checked } onChange = { props . onChange } / > < label htmlFor = { id } > { props . label } < /label> < /li>); }