@props(['height' => '60'])

<div class="tradingview-widget-container">
    <div class="tradingview-widget-container__widget"></div>
    <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
    {
        "symbols": [
            {
                "description": "Euro/Shekel",
                "proName": "FX_IDC:EURILS"
            },
            {
                "description": "Dollar/Shekel", 
                "proName": "FX_IDC:USDILS"
            },
            {
                "description": "Gold/Dollar",
                "proName": "FX_IDC:XAUUSD"
            },
            {
                "description": "Silver/Dollar",
                "proName": "FX_IDC:XAGUSD"
            },
            {
                "description": "Platinum/Dollar",
                "proName": "FX_IDC:XPTUSD"
            }
        ],
        "showSymbolLogo": true,
        "colorTheme": "dark",
        "isTransparent": true,
        "displayMode": "adaptive",
        "width": "100%",
        "height": {{ $height }},
        "locale": "ar"
    }
    </script>
</div>