reflexy/styled/useFlexDefaults.js

Flexbox layout react components

import React from 'react';
import useTheme from '@mui/system/useTheme';
import { FlexContext } from '../FlexProvider';
export default function useFlexDefaults() {
    const context = React.use(FlexContext);
    const theme = useTheme();
    const defaultUnit = theme?.reflexy?.defaultUnit ?? context.defaultUnit;
    const defaultSize = theme?.reflexy?.defaultSize ?? context.defaultSize;
    const defaultSizes = theme?.reflexy?.defaultSizes ?? context.defaultSizes;
    return { defaultUnit, defaultSize, defaultSizes };
}