github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/HeroScreen.stories.tsx (about) 1 import React from "react" 2 import HeroScreen from "./HeroScreen" 3 import SocketBar from "./SocketBar" 4 import { SocketState } from "./types" 5 6 export default { 7 title: "New UI/HeroScreen", 8 } 9 10 export const Loading = () => <HeroScreen>Loading…</HeroScreen> 11 12 export const WithSocketBar = () => ( 13 <HeroScreen> 14 <SocketBar state={SocketState.Reconnecting} /> 15 Loading… 16 </HeroScreen> 17 )