Hugging Face's logo

Spaces:
deepak191z
/
RAI
Runtime error

App Files Community
RAI
File size: 1,488 Bytes 
229b3b8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
import { Timeline, Provider, Scene } from '@designcombo/core';
import Navbar from './navbar';
import MenuList from './menu-list';
import { MenuItem } from './menu-item';
import ControlList from './control-list';
import { ControlItem } from './control-item';

import useHotkeys from './use-hotkeys';
import { useEffect } from 'react';
import { getCompactFontData } from '@/utils/fonts';
import { FONTS } from '@/data/fonts';
import useDataState from '@/store/use-data-state';

export const theme = {
  colors: {
    gray: {
      50: '#fafafa',
      100: '#f4f4f5',
      200: '#e4e4e7',
      300: '#d4d4d8',
      400: '#a1a1aa',
      500: '#71717a',
      600: '#52525b',
      700: '#3f3f46',
      800: '#27272a',
      900: '#18181b',
      950: '#09090b',
      1000: '#040405',
      1100: '#010101',
    },
  },
};

const Editor = () => {
  const { setCompactFonts, setFonts } = useDataState();

  useHotkeys();

  useEffect(() => {
    setCompactFonts(getCompactFontData(FONTS));
    setFonts(FONTS);
  }, []);

  return (
    <Provider theme={theme}>
      <div className="h-screen w-screen flex flex-col">
        <Navbar />
        <div className="flex-1 relative overflow-hidden">
          <MenuList />
          <MenuItem />
          <ControlList />
          <ControlItem />
          <Scene />
        </div>
        <div className="h-80 flex" style={{ zIndex: 201 }}>
          <Timeline />
        </div>
      </div>
    </Provider>
  );
};

export default Editor;