From c153f93dc8691a71dc76aad3dd618298da9d238a Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 17 Oct 2023 19:46:08 +0200 Subject: refactor(components): rewrite Card component * make the component more generic * merge `` and `` styles into card component to avoid repeating the same structure * remove most of the props to use composition However the CSS is a bit complex because of the two variants... Also, the component should be refactored when the CSS pseudo-class `:has` has enough support: the provider and the `cover` and `meta` props should be removed. --- src/components/molecules/card/card-meta.tsx | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 src/components/molecules/card/card-meta.tsx (limited to 'src/components/molecules/card/card-meta.tsx') diff --git a/src/components/molecules/card/card-meta.tsx b/src/components/molecules/card/card-meta.tsx new file mode 100644 index 0000000..403d543 --- /dev/null +++ b/src/components/molecules/card/card-meta.tsx @@ -0,0 +1,16 @@ +import { type ForwardRefRenderFunction, forwardRef } from 'react'; +import { MetaList, type MetaListProps } from '../meta-list'; +import styles from './card.module.scss'; + +export type CardMetaProps = MetaListProps; + +const CardMetaWithRef: ForwardRefRenderFunction< + HTMLDListElement, + CardMetaProps +> = ({ className = '', ...props }, ref) => { + const metaClass = `${styles.meta} ${className}`; + + return ; +}; + +export const CardMeta = forwardRef(CardMetaWithRef); -- cgit v1.2.3