'use client';
import { useContext } from 'react';

import { LoacalContext } from './_components/context/constants';
import { ReducerDemo } from './_components/reducer/reduce';
import StateDemo2 from './_components/state';

const DemoPage = () => {
    const { local } = useContext(LoacalContext);
    return (
        <>
            <h2>{local.label}</h2>
            <StateDemo2 />
            <ReducerDemo />
        </>
    );
};

export default DemoPage;