1 | "use client";
|
2 |
|
3 | import * as React from 'react';
|
4 | import classNames from 'classnames';
|
5 | import RcCollapse from 'rc-collapse';
|
6 | import { devUseWarning } from '../_util/warning';
|
7 | import { ConfigContext } from '../config-provider';
|
8 | const CollapsePanel = React.forwardRef((props, ref) => {
|
9 | if (process.env.NODE_ENV !== 'production') {
|
10 | const warning = devUseWarning('Collapse.Panel');
|
11 | warning.deprecated(!('disabled' in props), 'disabled', 'collapsible="disabled"');
|
12 | }
|
13 | const {
|
14 | getPrefixCls
|
15 | } = React.useContext(ConfigContext);
|
16 | const {
|
17 | prefixCls: customizePrefixCls,
|
18 | className,
|
19 | showArrow = true
|
20 | } = props;
|
21 | const prefixCls = getPrefixCls('collapse', customizePrefixCls);
|
22 | const collapsePanelClassName = classNames({
|
23 | [`${prefixCls}-no-arrow`]: !showArrow
|
24 | }, className);
|
25 | return React.createElement(RcCollapse.Panel, Object.assign({
|
26 | ref: ref
|
27 | }, props, {
|
28 | prefixCls: prefixCls,
|
29 | className: collapsePanelClassName
|
30 | }));
|
31 | });
|
32 | export default CollapsePanel; |
\ | No newline at end of file |