import { createElement, render } from 'rax';
import DriverUniversal from 'driver-universal';
import View from 'rax-view';
import Text from 'rax-text';
import { Tab, Icon } from '@alifd/meet';
import './index.css';

const TabDemo = () => {
  return (
    <View>
      <Text className="demo-title">custom children</Text>
      <View className="demo-content demo-content--fullwidth">
        <Tab
          onChange={(key) => {
            console.log(key);
          }}
        >
          <Tab.Item>Tab 1</Tab.Item>
          <Tab.Item>
            <Text style={{ color: 'red' }}>Tab 2</Text>
          </Tab.Item>
          <Tab.Item>Tab 3</Tab.Item>
        </Tab>
      </View>
    </View>
  );
};

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