Files
timelapse-calc/src/components/CalculatorMode.jsx
Tien Ngo f3382717f3
All checks were successful
Deploy to Private Server / deploy (push) Successful in 23s
feat: Add new UI components for number input, time input, and calculator mode selection.
2025-12-29 15:23:54 +07:00

29 lines
912 B
JavaScript

import { Segmented } from 'antd';
export default function CalculatorMode({ value, onChange }) {
return (
<div className="form-row">
<label className="form-label" style={{ display: 'block', marginBottom: 8 }}>
Calculate
</label>
<Segmented
value={value}
onChange={onChange}
block
size="large"
options={[
{ value: 'shooting-interval', label: 'Interval' },
{ value: 'clip-length', label: 'Clip' },
{ value: 'event-duration', label: 'Event' },
]}
style={{
backgroundColor: '#F8F9FA',
padding: 4,
borderRadius: 8,
border: '1px solid #DEE2E6'
}}
/>
</div>
);
}