import { ReactNode } from "react";

import "./Border.css";

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

function Border({
  children,
  mode = "primary",
  ...props
}: {
  [x: string]: any;
}) {
  return <div {...props} className={getCN(["MYUI-Border", `Border--${mode}`])}>{children}</div>;
}

export default Border;
