import './StockWiz.css';
import {useChatAdapter} from '@nlux-dev/nlbridge-react/src';
import '@nlux-dev/themes/src/nova/main.css';
import {AiChat} from '@nlux-dev/react/src';
import {usePortfolio} from './actions/usePortfolio';
import {MyAiContext} from './context';
import {initialState} from './data/initialState';
import {Header} from './portfolio/Header/Header';
import {Portfolio} from './portfolio/Portfolio';

export const StockWiz = () => {
    const {state, actions} = usePortfolio(initialState);
    const nlBridgeChatAdapter = useChatAdapter({
        url: 'http://localhost:8899/',
        mode: 'copilot',
        context: MyAiContext,
    });

    return (
        <div className="stock-wiz">
            <Header state={state}>
                💹 🧙‍♂️ Stock Wiz
            </Header>
            <div className="content">
                <Portfolio state={state} actions={actions}/>
                <AiChat
                    className="aichat"
                    adapter={nlBridgeChatAdapter}
                />
            </div>
        </div>
    );
};