diff --git a/ws-nextjs-app/pages/[service]/send/[id]/FormField/Checkbox.tsx b/ws-nextjs-app/pages/[service]/send/[id]/FormField/Checkbox.tsx index 2abf38d6307..d97326a7961 100644 --- a/ws-nextjs-app/pages/[service]/send/[id]/FormField/Checkbox.tsx +++ b/ws-nextjs-app/pages/[service]/send/[id]/FormField/Checkbox.tsx @@ -1,5 +1,8 @@ -import React from 'react'; +/** @jsx jsx */ +import { jsx } from '@emotion/react'; import { InputProps } from '../types'; +import Label from './FieldLabel'; +import styles from './styles'; export default ({ id, @@ -7,18 +10,25 @@ export default ({ handleChange, inputState, describedBy, + label, }: InputProps) => { const { isValid, value = false, required } = inputState; return ( - handleChange(e.target.name, e.target.checked)} - aria-invalid={!isValid} - aria-required={required} - aria-describedby={describedBy} - /> +