import React, { FC } from "react";
import { Stack, Text } from "@mantine/core";
import { DealSchema } from "@/lib/client";
import styles from "../DealEditorDrawer.module.css";

type Props = {
    deal: DealSchema;
};

const Header: FC<Props> = ({ deal }) => {
    return (
        <Stack gap={0}>
            <Text>{deal.name}</Text>
            <Text
                size={"xs"}
                className={styles["header-board"]}>
                {deal.board.name}
            </Text>
        </Stack>
    );
};

export default Header;
