diff --git a/packages/components/src/components/SquigglePlayground.tsx b/packages/components/src/components/SquigglePlayground.tsx index 3d550a5a..bb19dee0 100644 --- a/packages/components/src/components/SquigglePlayground.tsx +++ b/packages/components/src/components/SquigglePlayground.tsx @@ -11,7 +11,6 @@ import { yupResolver } from "@hookform/resolvers/yup"; import { defaultBindings, environment, - defaultImports, } from "@quri/squiggle-lang"; interface FieldFloatProps { @@ -131,9 +130,19 @@ const schema = yup }) .required(); +type InputProps = { + label: string; +}; +const InputItem: React.FC = ({ label, children }) => ( +
+ + {children} +
+); + let SquigglePlayground: FC = ({ initialSquiggleString = "", - height = 300, + height = 500, showTypes = false, showControls = false, showSummary = false, @@ -189,23 +198,45 @@ let SquigglePlayground: FC = ({ {vars.showSettingsPage ? ( -
- - - - - - - - - {importsAreValid ? "Valid" : "Invalid"} -
+ <> + + + + + + + + + + + + + + + + + + + + + + + + {importsAreValid ? "Valid" : "Invalid"} + + ) : ( {Template.bind({})}