svg-layout-designer-react/src/Components/SymbolProperties/SymbolProperties.tsx
2023-02-17 09:34:48 +00:00

24 lines
653 B
TypeScript

import React from 'react';
import { ISymbolModel } from '../../Interfaces/ISymbolModel';
import { SymbolForm } from './SymbolForm';
interface ISymbolPropertiesProps {
symbol?: ISymbolModel
symbols: Map<string, ISymbolModel>
onChange: (key: string, value: string | number | boolean) => void
}
export function SymbolProperties(props: ISymbolPropertiesProps): JSX.Element {
if (props.symbol === undefined) {
return <div></div>;
}
return (
<div className='h-full p-3 bg-slate-200 overflow-y-auto '>
<SymbolForm
symbol={props.symbol}
symbols={props.symbols}
onChange={props.onChange} />
</div>
);
}