15 lines
477 B
TypeScript
15 lines
477 B
TypeScript
import { observer } from 'mobx-react-lite';
|
|
import { useValue } from 'stores/calculation/values/hooks';
|
|
import { getValueName } from '../config/map-values';
|
|
import type { BuilderProps } from './types';
|
|
|
|
export default function buildReadonly({ elementName, Component, ...props }: BuilderProps) {
|
|
const valueName = getValueName(elementName);
|
|
|
|
return observer(() => {
|
|
const value = useValue(valueName);
|
|
|
|
return <Component value={value} readonly {...props} />;
|
|
});
|
|
}
|