aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/card/card-provider.tsx
blob: 5bcdb49b46e18d08fd90aaaef600113ccbb19936 (plain)
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
import {
  createContext,
  type FC,
  type ReactElement,
  type ReactNode,
  useContext,
} from 'react';

export type CardCoverProviderProps = {
  children: ReactNode;
  cover?: ReactElement;
};

export const CardCoverContext = createContext<ReactElement | null>(null);

export const useCardCover = () => useContext(CardCoverContext);

export const CardCoverProvider: FC<CardCoverProviderProps> = ({
  children,
  cover,
}) => (
  <CardCoverContext.Provider value={cover ?? null}>
    {children}
  </CardCoverContext.Provider>
);

export type CardFooterMetaProviderProps = {
  children: ReactNode;
  meta?: ReactElement;
};

export const CardFooterMetaContext = createContext<ReactElement | null>(null);

export const useCardFooterMeta = () => useContext(CardFooterMetaContext);

export const CardFooterMetaProvider: FC<CardFooterMetaProviderProps> = ({
  children,
  meta,
}) => (
  <CardFooterMetaContext.Provider value={meta ?? null}>
    {children}
  </CardFooterMetaContext.Provider>
);