gistfile1.txt

import React from "react";
import { cssReset, CssResetTagName } from "../utils/cssReset";
import { withInteropStyledSystem } from "@interop/styled-system";
​
const defaultRenderElement = "button";
​
type ButtonDOMProps = React.ComponentPropsWithRef<typeof defaultRenderElement>;
type ButtonOwnProps = {};
type ButtonProps = ButtonDOMProps &
  ButtonOwnProps & { as?: React.ElementType<any> };
​
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(
  props,
  forwardedRef
) {
  const { as: asProp, style, ...buttonProps } = props;
  const Comp = asProp || defaultRenderElement;
​
  return <Comp {...buttonProps} ref={forwardedRef} />;
});
​
Button.displayName = "Button";
​
const reset = (renderElement: CssResetTagName = defaultRenderElement) => ({
  ...cssReset(renderElement),
  lineHeight: "1",
  userSelect: "none",
  "&:disabled": {
    pointerEvents: "none",
  },
});
​
const styles = reset();
​
const StyledButton = withInteropStyledSystem(Button, reset);
​
export { reset, styles, StyledButton as Button };
export type { ButtonProps };