import React from "react" ; import type { Story } from "@storybook/react" ; import { Status , StatusProps } from "@okta/odyssey-react" ; import { Status as Source } from "../../../../odyssey-react/src" ; import StatusMdx from "./Status.mdx" ; export default { title : `Components/Status` , component : Source , parameters : { docs : { page : StatusMdx } } , argTypes : { labelHidden : { control : { type : "boolean" } } } } ; const Template = ( { label , descriptor , labelHidden , variant , } ) => ( < Status label = { label } descriptor = { descriptor } labelHidden = { labelHidden } variant = { variant } / > ) ; export const Neutral = Template . bind ( { } ) ; Neutral . args = { variant : "neutral" , label : "Status Label" , descriptor : "Neutral Descriptor" } ; export const Success = Template . bind ( { } ) ; Success . args = { variant : "success" , label : "Status Label" , descriptor : "Success Descriptor" } ; export const Caution = Template . bind ( { } ) ; Caution . args = { variant : "caution" , label : "Status Label" , descriptor : "Caution Descriptor" } ; export const Danger = Template . bind ( { } ) ; Danger . args = { variant : "danger" , label : "Status Label" , descriptor : "Danger Descriptor" } ; export const WithLabelHidden = Template . bind ( { } ) ; WithLabelHidden . storyName = "with label hidden" ; WithLabelHidden . args = { labelHidden : true , variant : "danger" , label : "Status Label" , descriptor : "Danger Descriptor" } ;