"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: "Stocks",
      originalName: "Stocks",
      symbols: [
        { name: "NASDAQ:AAPL", displayName: "Apple" },
        { name: "NASDAQ:MSFT", displayName: "Microsoft" },
        { name: "NASDAQ:GOOGL", displayName: "Alphabet" },
        { name: "NASDAQ:AMZN", displayName: "Amazon" },
        { name: "NASDAQ:TSLA", displayName: "Tesla" },
        { name: "NASDAQ:META", displayName: "Meta" },
      ],
    },
  ],
};

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