src/components/common/ScreenTooSmall.tsx
import { FunctionComponent } from "react"; /** * A component that shows a message saying that the current screen size is too small for viewing * charts. */export const ScreenTooSmall: FunctionComponent = () => { return ( <div className="d-flex-when-width-not-sufficient text-center px-5 py-4 flex-grow-1 flex-column justify-content-center"> <h1 className="h4">Your screen is too small for viewing charts.</h1> <p> If possible, try using your device in landscape mode, or use a device with a larger screen. </p> </div> );};