import { InfinityMintWindow } from '../window';

const Tutorial = new InfinityMintWindow(
    'Tutorial',
    {
        fg: 'white',
        bg: 'cyan',
        border: {
            fg: '#f0f0f0',
        },
    },
    {
        type: 'line',
    }
);
Tutorial.initialize = async (window, frame, blessed) => {
    let background = window.registerElement(
        'console',
        blessed.box({
            width: '100%',
            height: '100%-8',
            padding: 1,
            top: 4,
            label: '{bold}{white-fg}Tutorial{/white-fg}{/bold}',
            left: 'center',
            keys: true,
            tags: true,
            scrollable: true,
            mouse: true,
            scrollbar: window.getScrollbar(),
            border: 'line',
            style: {
                fg: 'white',
                bg: 'transparent',
                border: {
                    fg: '#f0f0f0',
                },
            },
        })
    );

    let box = window.createElement(
        'Box',
        {
            width: '20%',
            height: '42%',
            top: '12+4',
            right: 0,
            content: 'HIIHIHIHIHIHIHI',
            border: {
                type: 'line',
                fg: 'white',
            },
            style: {
                shadow: true,
                fg: 'white',
                border: 'black'
            }
        },
        'box'
    )
    background.setBack();
};
export default Tutorial;