Function Button

pwa/components/con/common/Button.tsx:17–54

({
  children,
  className,
  empty,
  square,
  disabled,
  to,
  size = "large",
  external = false,
  ...props
}: ButtonProps)

}

export default function Button({
  children,
  className,
  empty,
  square,
  disabled,
  to,
  size = "large",
  external = false,
  ...props
}: ButtonProps) {
  const classNames = classnames(
    "btn cursor-pointer font-title",
    { small: "small" === size, empty, square, disabled },
    className
  );
  const externalProps = { target: "_blank", rel: "noopener noreferrer" };

  return to ? (
    external ? (
      <a className={classNames} href={to} {...(external ? externalProps : {})}>
        {children}
      </a>
    ) : (
      <Link
        className={classNames}
        href={to}
        {...(external ? externalProps : {})}
      >
        {children}
      </Link>
    )
  ) : (
    <div className={classNames} {...props}>
      {children}
    </div>
  );
}