18 lines
394 B
TypeScript
18 lines
394 B
TypeScript
import { useAppStore } from '@/store';
|
|
|
|
import { PageStyles as PS } from './page.styles';
|
|
|
|
export const GradientOverlay: React.FC = () => {
|
|
const { overlayColor } = useAppStore();
|
|
|
|
if (!overlayColor) return null;
|
|
|
|
return (
|
|
<PS.GradientOverlay
|
|
css={{
|
|
background: `linear-gradient(180deg, #${overlayColor}59 0%, transparent 30%)`,
|
|
}}
|
|
/>
|
|
);
|
|
};
|