import React from 'react' ; import { VStack } from '../Stack' ; import type { IListProps } from './types' ; import { usePropsResolution } from '../../../hooks' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; const UnorderedList = ( { children , ... props } , ref ? ) => { const { _text , _hover , ... resolvedProps } = usePropsResolution ( 'List' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } children = React . Children . map ( children , ( child , ind ) => { return React . cloneElement ( child , { index : ind , ul : true , _text : _text , _hover , ... child . props , } , child . props . children ) ; } ) ; return ( < VStack { ... resolvedProps } ref = { ref } > { children } < /VStack>); } ; export default React . memo ( React . forwardRef ( UnorderedList ) ) ;