"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%",
  symbolsGroups: [
    {
      name: "FX",
      originalName: "Forex",
      symbols: [
        { name: "FX_IDC:EURUSD", displayName: "EUR/USD" },
        { name: "FX_IDC:GBPUSD", displayName: "GBP/USD" },
        { name: "FX_IDC:USDJPY", displayName: "USD/JPY" },
        { name: "FX_IDC:USDCHF", displayName: "USD/CHF" },
        { name: "FX_IDC:AUDUSD", displayName: "AUD/USD" },
        { name: "FX_IDC:USDCAD", displayName: "USD/CAD" },
      ],
    },
  ],
  showSymbolLogo: true,
  isTransparent: true,
  colorTheme: "light",
  locale: "en",
};

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