import React from "react" ; jsx import { jsx } from "@emotion/core" ; import { PropTypes , FunctionTypes , } from "@magical-types/macro/write-data-to-fs.macro" ; import Select from "react-select" ; type Status = "notstarted" | "started" | "inprogress" | "completed" ; type Task = { id : string ; status : Status ; title : string ; task : Task ; } ; let thing = { wow : "string" , } as const ; type AThing = ( something : AThing ) => string ; type Props = { /** The tasks that the board should render */ tasks : Array < Task > ; /** A function that will be called.
     * Important Note: this is the _changed_ tasks, **not** all of the new tasks.
     */ thing : { something : AThing ; } ; indexy : Thing ; onTasksChange : ( changedTasks : Array < Task > ) => void ; } ; type Thing = { [ key ] : string ; [ key ] : string ; } ; let MyComponentThatDoesStuff = ( props ) => { return null ; } ; function myFunc ( someArg , another ) { } export default ( ) => { return ( < div css = { { fontFamily : "sans-serif" } } > < h1 > Hey there ! This is magical - types . < /h1> < p > It 's pretty work in progress right now but below you can see all the prop types for react - select < /p> { } { } < PropTypes component = { MyComponentThatDoesStuff } / > < /div>); } ;