List

1'use client';
2 
3import { forwardRef } from 'react';
4import { useComponentConfig } from '../config-provider/context';
5import { ListUI } from './ListUI';
6import type { ListProps } from './types';
7 
8const List = forwardRef<HTMLUListElement, ListProps>((props, ref) => {
9  const config = useComponentConfig('list');
10 
11  const mergedProps = {
12    ...config,
13    ...props
14  };
15 
16  return (
17    <ListUI
18      {...mergedProps}
19      ref={ref}
20    />
21  );
22});
23 
24List.displayName = 'List';
25 
26export default List;