commonscomputer/cal.diy
5
0 Fork 0
Code Issues Pull Requests Actions 1.6k Packages Projects Releases Wiki Activity

use JSX.IntrinsicElements for pass-through props (#545)

Browse Source
This commit is contained in:
Alex Johansson authored and GitHub committed 2021-09-02 10:02:45 +00:00
1 parent 995f8eea26
commit f63c9311e5
1 file changed
+6 -8
Download Patch File Download Diff File Expand all files Collapse all files
components/ui/Button.tsx
+6 -8
View File
@@ -2,20 +2,18 @@ import classNames from "@lib/classNames";
import Link, { LinkProps } from "next/link";
import React from "react";
type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
type HTMLButtonProps = React.ButtonHTMLAttributes<HTMLButtonProps>;
type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
export type ButtonProps = {
color?: "primary" | "secondary" | "minimal";
size?: "base" | "sm" | "lg" | "fab";
loading?: boolean;
disabled?: boolean;
onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
StartIcon?: SVGComponent;
EndIcon?: SVGComponent;
} & ((Omit<HTMLAnchorProps, "href"> & { href: LinkProps["href"] }) | (HTMLButtonProps & { href?: never }));
StartIcon?: JSX.IntrinsicElements["svg"];
EndIcon?: JSX.IntrinsicElements["svg"];
} & (
| (Omit<JSX.IntrinsicElements["a"], "href"> & { href: LinkProps["href"] })
| (JSX.IntrinsicElements["button"] & { href?: never })
);
export const Button = function Button(props: ButtonProps) {
const {