// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { JSXElement } from "@coreai-ds/react-components";
import { Image } from "@coreai-ds/react-components";
import * as React from 'react';

export const Fallback = (): JSXElement => (<div style={{ display: 'flex', gap: 8 }}>
    <Image alt="Allan's avatar" bordered src="https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/AllanMunger.jpg" height={200} width={200}/>
    <Image alt="Non-existing avatar" bordered src="https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/non-existing-png.jpg" height={200} width={200}/>
  </div>);

export default Fallback;