DirectorPage.tsx

import { Descriptions } from "antd";
import React from "react";
import { DirectorIO } from "./Preview";

const exampleDirector: DirectorIO = {
  name: "Karel",
  surname: "Vomacka",
  birthdate: "17.5.1979",
  id: "156",
};

export const DirectorPage = () => {
  return (
    <Descriptions title="Director page" bordered>
      <Descriptions.Item label="Name">{exampleDirector.name}</Descriptions.Item>
      <Descriptions.Item label="Surname">
        {exampleDirector.surname}
      </Descriptions.Item>
      <Descriptions.Item label="Birthdate">
        {exampleDirector.birthdate}
      </Descriptions.Item>
    </Descriptions>
  );
};