import { LayoutComponentDefinition, LayoutContext } from "vibentec/component-map";
import React from "react";
import SideMenu from "../side-menu";
import { listRegions } from "@lib/data/regions"
import { StoreRegion } from "@medusajs/types"

export default async function VtSideMenu({ nodes, context }: { nodes: LayoutComponentDefinition; context: LayoutContext }) {
  const regions = await listRegions().then((regions: StoreRegion[]) => regions)
  return (
    <div className="flex-1 basis-0 h-full flex items-center">
      <div className="h-full">
        <SideMenu regions={regions} />
      </div>
    </div> 
   )
 }