Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemMultiSelect.tsx

@@ -0,0 +1,43 @@
+import styled from '@emotion/styled';
+
+import { IconComponent } from '@/ui/display/icon/types/IconComponent';
+import { Checkbox } from '@/ui/input/components/Checkbox';
+
+import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent';
+import { StyledMenuItemBase } from '../internals/components/StyledMenuItemBase';
+
+const StyledLeftContentWithCheckboxContainer = styled.div`
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  gap: ${({ theme }) => theme.spacing(2)};
+`;
+
+type MenuItemMultiSelectProps = {
+  LeftIcon?: IconComponent;
+  selected: boolean;
+  text: string;
+  className: string;
+  onSelectChange?: (selected: boolean) => void;
+};
+
+export const MenuItemMultiSelect = ({
+  LeftIcon,
+  text,
+  selected,
+  className,
+  onSelectChange,
+}: MenuItemMultiSelectProps) => {
+  const handleOnClick = () => {
+    onSelectChange?.(!selected);
+  };
+
+  return (
+    <StyledMenuItemBase className={className} onClick={handleOnClick}>
+      <StyledLeftContentWithCheckboxContainer>
+        <Checkbox checked={selected} />
+        <MenuItemLeftContent LeftIcon={LeftIcon} text={text} />
+      </StyledLeftContentWithCheckboxContainer>
+    </StyledMenuItemBase>
+  );
+};