20 lines
523 B
TypeScript
20 lines
523 B
TypeScript
// 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
|