"use client";

import { TradingViewEmbed } from "./TradingViewEmbed";

const SCRIPT = "https://s3.tradingview.com/external-embedding/embed-widget-market-quotes.js";

const CONFIG = {
  width: "100%",
  height: "100%",
  colorTheme: "light",
  locale: "en",
  isTransparent: true,
  showSymbolLogo: true,
  symbolsGroups: [
    {
      name: "Indices",
      originalName: "Indices",
      symbols: [
        { name: "FOREXCOM:SPXUSD", displayName: "S&P 500" },
        { name: "FOREXCOM:NSXUSD", displayName: "Nasdaq 100" },
        { name: "FOREXCOM:DJI", displayName: "Dow Jones" },
        { name: "XETR:DAX", displayName: "DAX" },
        { name: "TVC:NI225", displayName: "Nikkei 225" },
        { name: "TVC:UKX", displayName: "FTSE 100" },
      ],
    },
  ],
};

export function MarketOverviewIndicesWidget({ height = 280 }: { height?: number }) {
  return <TradingViewEmbed scriptSrc={SCRIPT} config={CONFIG} height={height} />;
}