// import { Row } from "@tanstack/react-table";
// import "./index.scss";

// export function NestedComponent({ row }: { row: Row<defaultColumnsProps1> }) {
//   const data = {
//     col1: [
//       {
//         header: "Location Name",
//         value: row?.original?.location?.name,
//       },
//       {
//         header: "Location URL",
//         value: row?.original?.location?.url,
//       },
//       {
//         header: "Origin Name",
//         value: row?.original?.origin?.name,
//       },
//       {
//         header: "Origin URL",
//         value: row?.original?.origin?.url,
//       },
//     ],
//     col2: [
//       {
//         header: "Created Date",
//         value: row?.original?.created,
//       },
//     ],
//   };

//   return (
//     <div className="nested-component">
//       <div className="row-items">
//         {data?.col1.map((item) => (
//           <div>
//             <p className="row-items-header">{item?.header}</p>
//             <p>{item?.value}</p>
//           </div>
//         ))}
//       </div>

//       <div className="row-items">
//         {data?.col2.map((item) => (
//           <div>
//             <p className="row-items-header">{item?.header}</p>
//             <p>{item?.value}</p>
//           </div>
//         ))}
//       </div>
//     </div>
//   );
// }