import React from 'react' ; import { FormField } from '@workday/canvas-kit-react/form-field' ; import { Radio , RadioGroup } from '@workday/canvas-kit-react/radio' ; export const Alert = ( ) => { const [ value , setValue ] = React . useState < string | number > ( 'deep-dish' ) ; const handleChange = ( value ) => { setValue ( value ) ; } ; return ( < FormField error = { FormField . ErrorType . Alert } hintId = "hint-alert" hintText = "Deep Dish is no longer available. Please select a different crust." label = "Choose Your Pizza Crust" useFieldset = { true } > < RadioGroup name = "crust" onChange = { handleChange } value = { value } > < Radio disabled = { true } label = "Deep dish (sold out)" value = "deep-dish" / > < Radio label = "Thin" value = "thin" / > < Radio label = "Gluten free" value = "gluten-free" / > < Radio label = "Cauliflower" value = "cauliflower" / > < /RadioGroup> < /FormField>); } ;