ReactJS

1
import React from 'react';
2
import styles from './menu.css';
3
import {Dropdown} from "../../../Dropdown";
4
import {EColors, Text} from '../../../Text'
5
import {MenuItemList} from "./MenuItemList";
6
import {EIcons, Icon} from "../../../Icon";
7

8

9
export function Menu() {
10
  return (
11
    <div className={styles.menu}>
12
      <Dropdown button={
13
        <button className={styles.menuButton}>
14
          <Icon name={EIcons.menu} size={5}/>
15
        </button>
16
      }
17
      >
18
        <div className={styles.dropdown}>
19
          <MenuItemList postId={'1234'}/>
20
          <button className={styles.closeButton}>
21
            <Text mobileSize={12} size={14} color={EColors.grey66}>
22
              Закрыть
23
            </Text>
24
          </button>
25
        </div>
26
      </Dropdown>
27
    </div>
28
  );
29
}
30