Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | // @flow
import Checkbox from "./Checkbox"
import type { CheckboxProps } from "@bluframe/blublocks"
import { prepareComponent } from "@bluframe/grapple"
export type Props = {|
...CheckboxProps
|}
export type ComponentProps = {|
...Props,
+labelId?: string
|}
const usePrepareComponent = (props: Props): ComponentProps => {
const labelId = props.inputId && `${props.inputId}-label`
const onChange = () => {
props.onChange(props.value)
}
return {
...props,
labelId,
onChange
}
}
export default (prepareComponent<Props, ComponentProps>(usePrepareComponent)(
Checkbox
): React$ComponentType<Props>)
|