import { ReactNode } from "react";

import "./Table.css";

import { getCN, usePadding, renderProps } from "../utils";

function Table({
  children,
  ...props
}: {
  props?: any;
  [x: string]: any;
}) {
  return (
    <div className={getCN(["MYUI-Table"], props.className)}>
      <table {...renderProps(props)} className="MYUI-Table__in">
        {children}
      </table>
    </div>
  );
}

export default Table;
