import React from 'react' ; import { Code , NextLink , Prop , PropTable , PropTableWrapper } from '../components' ; import { messagingLinkItemProps } from './shared' ; const radioProps = [ { name : 'label' , types : [ 'string' , 'RadioLabel' ] , required : true , description : ( < > Label to display next to a < Code > Radio < / Code > component . < />), } , { name : 'description' , types : [ 'string' , 'RadioDescription' ] , description : ( < > See < NextLink href = "#radio-description-prop-table" > below < /NextLink> for usage. < />), } , ] ; const radioDescriptionProps = [ { name : 'text' , types : [ 'string' ] , required : true , description : ( < > Description to display below < Code > Label < / Code > < />), } , { name : 'link' , types : [ 'RadioDescriptionLink' ] , description : ( < > See < NextLink href = "#radio-description-link-prop-table" > below < /NextLink> for usage. < />), } , ] ; export const RadioPropTable = ( props ) => ( < PropTable title = "Radio" propList = { radioProps } nativeElement = { [ 'input' , 'all' ] } { ... props } />); export const RadioDescriptionPropTable = ( props ) => ( < PropTable title = "Radio[RadioDescription]" propList = { radioDescriptionProps } { ... props } id = "radio-description-prop-table" / > ) ; export const RadioDescriptionLinkPropTable = ( props ) => ( < PropTable title = "Radio[RadioDescriptionLink]" propList = { messagingLinkItemProps } { ... props } id = "radio-description-link-prop-table" / > ) ;