import React from 'react'; import { Card, CardHeader, CardTitle, CardBody, Gallery } from '@patternfly/react-core'; export const SingleSelectableCard: React.FunctionComponent = () => { const [isChecked, setIsChecked] = React.useState(''); const id1 = 'single-selectable-card-input-1'; const id2 = 'single-selectable-card-input-2'; const id3 = 'single-selectable-card-input-3'; const onChange = (event: React.FormEvent) => { setIsChecked(event.currentTarget.id); }; return ( First card This card is single selectable. Second card This card is single selectable. Third card This card is single selectable but disabled. ); };