import React from "react" ; import { Checkbox } from "@geist-ui/react" ; import { CheckboxEvent } from "@geist-ui/react/dist/checkbox/checkbox" ; import Cell from "@/components/cell" ; import { dispatchUpdateContent } from "@/atom" ; type Props = { negate : boolean ; } ; const SimpleString = ( { negate } ) => { const handleChange = ( e ) => { const negate = e . target . checked ; dispatchUpdateContent ( { kind : "wordBoundaryAssertion" , negate , } ) ; } ; return ( < Cell . Item label = "Negate" > < Checkbox checked = { negate } onChange = { handleChange } > negate < /Checkbox> < /Cell.Item>); } ; export default SimpleString ;