initial commit

src/@menu/styles/StyledMenuPrefix.tsx

@@ -0,0 +1,19 @@
+// Third-party Imports
+import styled from '@emotion/styled'
+
+// Type Imports
+import type { RootStylesType } from '../types'
+
+type StyledMenuPrefixProps = RootStylesType & {
+  firstLevel?: boolean
+  isCollapsed?: boolean
+  isHovered?: boolean
+}
+
+const StyledMenuPrefix = styled.span<StyledMenuPrefixProps>`
+  margin-inline-end: 5px;
+  display: ${({ firstLevel, isCollapsed, isHovered }) => (firstLevel && isCollapsed && !isHovered ? 'none' : 'flex')};
+  ${({ rootStyles }) => rootStyles};
+`
+
+export default StyledMenuPrefix