import React from "react" ; import { Story } from "@storybook/react" ; import { FieldGroup , FieldGroupProps , Infobox , Select , TextInput , } from "@okta/odyssey-react" ; import { FieldGroup as Source } from "../../../../odyssey-react/src" ; export default { title : `Components/FieldGroup` , component : Source , argTypes : { children : { control : { type : null } } , title : { defaultValue : "Origination logistics" , control : { type : "text" } } , desc : { defaultValue : "This information is required for your craft to leave the starport." , control : { type : "text" } } } } ; const Template = ( { title , desc } ) => ( < FieldGroup title = { title } desc = { desc } > < FieldGroup . Error > < Infobox title = "Route impossible" variant = "danger" content = "this is an error" / > < /FieldGroup.Error> < Select label = "Destination" name = "destination" > < Select . Option children = "Venus" / > < Select . Option children = "Nessus" / > < Select . Option children = "Europa" / > < /Select> < TextInput label = "Flight identifier" type = "search" / > < /FieldGroup>); export const Default = Template . bind ( { } ) ;