import React from 'react'
import List from 'antd-mobile/es/list'
import DayPicker from '../day-picker'

export interface DayPickerItemProps {
  value?: number
  onChange?: (value: number) => void
  children?: React.ReactNode
}

export default class DayPickerItem extends React.Component<DayPickerItemProps> {
  public render() {
    const { children, ...props } = this.props
    return (
      <DayPicker {...props}>
        {(value, onClick) => (
          <List.Item arrow="horizontal" extra={value + '号'} onClick={onClick}>
            {children}
          </List.Item>
        )}
      </DayPicker>
    )
  }
}