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

import { CardFooter } from "@coreai-ds/react-components";
import { Button } from "@coreai-ds/react-components";
import { MoreHorizontal20Regular } from "@fluentui/react-icons";
import { ArrowReply16Regular } from "@fluentui/react-icons";
import { Share16Regular } from "@fluentui/react-icons";

export const Default = () => {
    const styles = /* css */ `
      .card-footer-example__footer {
        width: 300px;
      }
    `;
    return (<>
        <style>{styles}</style>
        <CardFooter className="card-footer-example__footer" action={<Button appearance="transparent" icon={<MoreHorizontal20Regular />} aria-label="More options"/>}>
          <Button icon={<ArrowReply16Regular />}>Reply</Button>
          <Button icon={<Share16Regular />}>Share</Button>
        </CardFooter>
      </>);
};

export default Default;