/* eslint-disable react/self-closing-comp */
import React from 'react'

import { RawTable, RawThead, RawTbody, RawTr, RawTh, RawTd } from 'react-icecream'

export default function Demo() {
  return (
    <RawTable border="none" style={{ textAlign: 'center' }}>
      <RawThead>
        <RawTr>
          <RawTh rowSpan={2}>类型</RawTh>
          <RawTh rowSpan={2}>计费项</RawTh>
          <RawTh rowSpan={2}>计量</RawTh>
          <RawTh colSpan={2}>价格</RawTh>
        </RawTr>
        <RawTr>
          <RawTh>标准存储</RawTh>
          <RawTh>低频访问存储</RawTh>
        </RawTr>
      </RawThead>
      <RawTbody>
        <RawTr>
          <RawTd rowSpan={6}>流量费用</RawTd>
          <RawTd rowSpan={2}>外网流出流量</RawTd>
          <RawTd>0 - 100 TB</RawTd>
          <RawTd>0.26 元/GB</RawTd>
          <RawTd>0.26 元/GB</RawTd>
        </RawTr>
        <RawTr>
          <RawTd>100 TB 以上</RawTd>
          <RawTd>0.24 元/GB</RawTd>
          <RawTd>0.24 元/GB</RawTd>
        </RawTr>
        <RawTr>
          <RawTd rowSpan={2}>CDN 回源流量</RawTd>
          <RawTd>0 - 10 GB</RawTd>
          <RawTd>免费</RawTd>
          <RawTd rowSpan={2}>0.15 元/GB</RawTd>
        </RawTr>
        <RawTr>
          <RawTd>10 GB 以上</RawTd>
          <RawTd>0.15 元/GB</RawTd>
        </RawTr>
        <RawTr>
          <RawTd rowSpan={2}>跨区域同步流量</RawTd>
          <RawTd>国内 &lt;-&gt; 国内</RawTd>
          <RawTd>0.29 元/GB</RawTd>
          <RawTd>0.29 元/GB</RawTd>
        </RawTr>
        <RawTr>
          <RawTd>国内 &lt;-&gt; 海外</RawTd>
          <RawTd>0.58 元/GB</RawTd>
          <RawTd>0.58 元/GB</RawTd>
        </RawTr>
        <RawTr>
          <RawTd>数据处理</RawTd>
          <RawTd>数据取回</RawTd>
          <RawTd>-</RawTd>
          <RawTd>免费</RawTd>
          <RawTd>0.03 元/GB</RawTd>
        </RawTr>
      </RawTbody>
    </RawTable>
  )
}