mint/dashboard-v6/src/components/workspace/home/RecentList.tsx

import type { CSSProperties } from "react";
import { theme } from "antd";
import type { RecentItem as RecentItemType } from "../../../api/workspace";
import RecentItem from "./RecentItem";

type RecentListProps = {
  items: RecentItemType[];
};

export default function RecentList({ items }: RecentListProps) {
  const { token } = theme.useToken();

  const styles: Record<string, CSSProperties> = {
    list: {
      background: token.colorBgContainer,
      borderRadius: token.borderRadiusLG,
      border: `1px solid ${token.colorBorderSecondary}`,
      overflow: "hidden",
    },
  };

  return (
    <div style={styles.list}>
      {items.map((item) => (
        <RecentItem key={item.id} {...item} />
      ))}
    </div>
  );
}