Naming is hard — Order

Order.tsx

import React from "react";
import { OrderProps } from "./OrderProps.types";

export const Order = ({ order }: OrderProps) => {
  return <div>...</div>;
};

OrderProps.types.ts

import { Order } from "../types/Order.types";

export type OrderProps = {
  order: Order;
};