Collapsible

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