"use client";

import { TradingViewEmbed } from "./TradingViewEmbed";

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

const CONFIG = {
  symbols: [
    ["S&P 500",   "FOREXCOM:SPXUSD|12M"],
    ["Nasdaq 100","FOREXCOM:NSXUSD|12M"],
    ["EUR/USD",   "FX:EURUSD|12M"],
  ],
  chartOnly: false,
  locale: "en",
  colorTheme: "light",
  autosize: true,
  showVolume: false,
  showMA: false,
  hideDateRanges: false,
  hideMarketStatus: true,
  hideSymbolShortName: false,
  scalePosition: "right",
  scaleMode: "Normal",
  chartType: "area",
  lineWidth: 2,
  lineType: 0,
  dateRanges: ["1d|1", "1m|30", "3m|60", "12m|1D", "60m|1W", "all|1M"],
  isTransparent: true,
};

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