import React from 'react'; import { Alert, Flex, Spin, Switch } from 'antd'; const App: React.FC = () => { const [loading, setLoading] = React.useState<boolean>(false); return ( <Flex gap="middle" vertical> <Spin spinning={loading}> <Alert type="info" message="Alert message title" description="Further details about the context of this alert." /> </Spin> <p> Loading stateļ¼ <Switch checked={loading} onChange={setLoading} /> </p> </Flex> ); }; export default App;