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>
    );
}