import React from "react" ; import { Story } from "@storybook/react" ; import { Heading , HeadingProps } from "@okta/odyssey-react" ; import { Heading as Source } from "../../../../odyssey-react/src" ; export default { title : `Components/Heading` , component : Source , argTypes : { children : { control : { type : "string" } } } } ; const Template = ( { level , visualLevel , children } ) => ( < Heading level = { level } visualLevel = { visualLevel } children = { children } / > ) ; export const Primary = Template . bind ( { } ) ; Primary . args = { level : "1" , children : "Section title" } ;