33 lines
993 B
JavaScript
33 lines
993 B
JavaScript
import { useMessage } from '@/hooks/useMessage'
|
|
import { CalculatorInput } from '@/components/common/input/CalcInput'
|
|
|
|
export default function Shed({ offsetRef }) {
|
|
const { getMessage } = useMessage()
|
|
return (
|
|
<>
|
|
<div className="outline-form mb10">
|
|
<span className="mr10" style={{ width: '63px' }}>
|
|
{getMessage('shed.width')}
|
|
</span>
|
|
<div className="input-grid mr5">
|
|
{/*<input type="text" className="input-origin block" defaultValue={300} ref={offsetRef} />*/}
|
|
<CalculatorInput
|
|
id=""
|
|
name=""
|
|
label=""
|
|
className="input-origin block"
|
|
value={offsetRef.current?.value ?? 300} // Set default value to 500
|
|
ref={offsetRef}
|
|
onChange={() => {}}
|
|
options={{
|
|
allowNegative: false,
|
|
allowDecimal: false
|
|
}}
|
|
/>
|
|
</div>
|
|
<span className="thin">mm</span>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|