import React, { FC, useState } from 'react';
import {
    Panel,
    PanelHeader,
    Div,
    Title,
    Button,
    Placeholder,
    Group,
    View,
    ConfigProvider,
    AdaptivityProvider,
    AppRoot
} from '@vkontakte/vkui';

import {
    Icon56UsersOutline
} from "@vkontakte/icons";

import '@vkontakte/vkui/dist/vkui.css';
import Welcome from './Test'

const App: FC = () => {

    const [activeStory,changeActiveStory]=React.useState<string>('welcome')

    return (
        <AdaptivityProvider>
            <ConfigProvider>
                <AppRoot>
                    <View activePanel={activeStory}>
                        <Welcome id="welcome"/>
                    </View>
                </AppRoot>
            </ConfigProvider>
        </AdaptivityProvider>
    );
}

export default App;