20 lines
521 B
TypeScript
20 lines
521 B
TypeScript
import { Theme } from '@reactive-resume/schema';
|
|
import get from 'lodash/get';
|
|
|
|
import { useAppSelector } from '@/store/hooks';
|
|
|
|
const Heading: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {
|
|
const theme: Theme = useAppSelector((state) => get(state.resume, 'metadata.theme', {}));
|
|
|
|
return (
|
|
<h3
|
|
className="mb-2 w-full border-b-2 pb-1.5 font-bold uppercase"
|
|
style={{ color: theme.primary, borderColor: theme.primary }}
|
|
>
|
|
{children}
|
|
</h3>
|
|
);
|
|
};
|
|
|
|
export default Heading;
|