|
|
|
@ -13,7 +13,7 @@ import { Icon } from '..';
|
|
|
|
|
*/
|
|
|
|
|
export default memo(({ title, description, icon, children, opened, className, ...other }) => {
|
|
|
|
|
const [ collapsed, toggleCollapsed ] = useToggle(opened === undefined ? !opened : true);
|
|
|
|
|
const { container, description: _description, label } = getModule('icon', 'container', 'description');
|
|
|
|
|
const { description: _description, label } = getModule('icon', 'container', 'description');
|
|
|
|
|
const { size12, size16 } = getModule('size10', 'size12', 'size16');
|
|
|
|
|
const ref = useRef(null);
|
|
|
|
|
const bounds = useMeasure(ref);
|
|
|
|
@ -32,7 +32,7 @@ export default memo(({ title, description, icon, children, opened, className, ..
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div
|
|
|
|
|
className={joinClassNames('vz-settings-item', 'vz-settings-category', className, container)}
|
|
|
|
|
className={joinClassNames('vz-settings-item', 'vz-settings-category', className)}
|
|
|
|
|
vz-expanded={!collapsed && ''}
|
|
|
|
|
vz-collapsed={collapsed && ''}
|
|
|
|
|
{...other}
|
|
|
|
|