import { createElement, useState, render } from 'rax';
import DriverUniversal from 'driver-universal';
import { Button, TimePicker } from '@alifd/meet';
import Text from 'rax-text';
import View from 'rax-view';

import '../../components/index.css';

const { EmbedPicker } = TimePicker;

const TimePickerDemo = () => {
  return (
    <View>
      <Text className="demo-title">时、分、秒</Text>
      <View className="demo-content">
        <EmbedPicker format="H:m:s" onChange={(d) => console.log(d)} />
      </View>
      <Text className="demo-title">上午/下午</Text>
      <View className="demo-content">
        <EmbedPicker format="h:mm" onChange={(d) => console.log(d)} />
      </View>
      <Text className="demo-title">结合hourStep</Text>
      <View className="demo-content">
        <EmbedPicker hourStep={3} onChange={(d) => console.log(d)} />
      </View>
    </View>
  );
};

// render(<TimePickerDemo />, null, { driver: DriverUniversal });
 export default TimePickerDemo