ant-design/components/card/Grid.tsx
lijianan 7f89d9a7c9
refactor: use React.useContext() replace <ConfigConsumer /> (#39793)
* feat: use React.useContext() replace <ConfigConsumer />

* fix

* fix

* add
2022-12-25 18:34:42 +08:00

23 lines
786 B
TypeScript

import classNames from 'classnames';
import * as React from 'react';
import { ConfigContext } from '../config-provider';
import type { ConfigConsumerProps } from '../config-provider';
export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
prefixCls?: string;
className?: string;
hoverable?: boolean;
style?: React.CSSProperties;
}
const Grid: React.FC<CardGridProps> = ({ prefixCls, className, hoverable = true, ...props }) => {
const { getPrefixCls } = React.useContext<ConfigConsumerProps>(ConfigContext);
const prefix = getPrefixCls('card', prefixCls);
const classString = classNames(`${prefix}-grid`, className, {
[`${prefix}-grid-hoverable`]: hoverable,
});
return <div {...props} className={classString} />;
};
export default Grid;