import { Avatar, Card, Flex, Text } from '@fluentui/react-northstar';
import * as React from 'react';

const CardExampleHeader = () => (
  <Card aria-roledescription="card avatar">
    <Card.Header fitted>
      <Flex gap="gap.small">
        <Avatar image="public/images/avatar/small/matt.jpg" label="Copy bandwidth" name="Evie yundt" status="unknown" />
        <Flex column>
          <Text content="Title goes here" weight="bold" />
          <Text content="Secondary line" size="small" />
        </Flex>
      </Flex>
    </Card.Header>
  </Card>
);

export default CardExampleHeader;