/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { useThematic } from '@thematic/react';
import merge from 'lodash-es/merge.js';
import { useMemo } from 'react';
export function useBaseStyles(styles) {
    const theme = useThematic();
    return useMemo(()=>{
        return merge({
            field: {
                color: theme.application().midContrast().hex()
            },
            fieldGroup: {
                borderColor: theme.application().lowContrast().hex()
            }
        }, styles);
    }, [
        theme,
        styles
    ]);
}
