@kadconsulting/dry
Version:
KAD Reusable Component Library
22 lines • 798 B
JavaScript
import { useMemo } from 'react';
import { useLayout } from '../../LayoutProvider/useLayout';
export const useDocumentContentStyle = ({ style, }) => {
const { layout } = useLayout();
const styleProp = useMemo(() => {
if (!style || !layout)
return {};
/** Narrow type to CSSProperties object or mediaQueries object */
if (!('mediaQueries' in style))
return style;
/**
* Return the styles for the current layout; if all is included,
* ayout-specific styles override `all` styles.
*/
return {
...(style.mediaQueries.all ?? {}),
...(style.mediaQueries[layout] ?? {}),
};
}, [style, layout]);
return styleProp;
};
//# sourceMappingURL=useDocumentContentStyle.js.map