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

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

// Inline wrapper — see CardFooter.stories.tsx.
const resolveAsset = (asset: string) => {
    const ASSET_URL = 'https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/stories/src/assets/';
    return `${ASSET_URL}${asset}`;
};

export const Default = (): JSXElement => (<CardPreview logo={<img src={resolveAsset('docx.png')} alt="Microsoft Word logo"/>}>
    <img src={resolveAsset('doc_template.png')} alt="Preview of a Word document"/>
  </CardPreview>);

export default Default;