@gechiui/components/build-module/card/card-body/hook.js

UI components for GeChiUI.

/**
 * GeChiUI dependencies
 */
import { useMemo } from '@gechiui/element';
/**
 * Internal dependencies
 */

import { useContextSystem } from '../../ui/context';
import * as styles from '../styles';
import { useCx } from '../../utils/hooks/use-cx';
/**
 * @param {import('../../ui/context').GeChiUIComponentProps<import('../types').BodyProps, 'div'>} props
 */

export function useCardBody(props) {
  const {
    className,
    isScrollable = false,
    isShady = false,
    size = 'medium',
    ...otherProps
  } = useContextSystem(props, 'CardBody');
  const cx = useCx();
  const classes = useMemo(() => cx(styles.Body, styles.borderRadius, styles.cardPaddings[size], isShady && styles.shady, // This classname is added for legacy compatibility reasons.
  'components-card__body', className), [className, isShady, size]);
  return { ...otherProps,
    className: classes,
    isScrollable
  };
}
//# sourceMappingURL=hook.js.map