import { defineComponent, ref } from 'vue'
import { SwapRightOutlined } from '@ant-design/icons-vue'

const InputNumberGroup = defineComponent({
	name: 'InputNumberGroup',
	setup: props => {
		return () => (
			<div class={'ant-picker ant-picker-range'}>
				<div class={'ant-picker-input ant-picker-input-active'}>
					<a-input />
				</div>

				<div class={'ant-picker-range-separator'}>
					<span aria-label="to" class={'ant-picker-separator'}>
						<SwapRightOutlined />
					</span>
				</div>

				<div class={'ant-picker-input ant-picker-input-active'}>
					<a-input />
				</div>
			</div>
		)
	}
})

export default InputNumberGroup
