/
hook.ts
46 lines (41 loc) · 945 Bytes
/
hook.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/**
* WordPress dependencies
*/
import { useMemo } from '@wordpress/element';
/**
* Internal dependencies
*/
import { useContextSystem, WordPressComponentProps } from '../../ui/context';
import * as styles from '../styles';
import { useCx } from '../../utils/hooks/use-cx';
import type { BodyProps } from '../types';
export function useCardBody(
props: WordPressComponentProps< BodyProps, 'div' >
) {
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, cx, isShady, size ]
);
return {
...otherProps,
className: classes,
isScrollable,
};
}