demos/css-stress-test/src/components/button.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

import React from "react";
import { NewComponent } from "./new-comp";

const Toast = () => {
  const [baconyes, baconno] = useBacon();
  return <div>false</div>;
};
const Button = ({ label, label2, onClick }) => {
  const useCustomHookInsideFunction = (what, arr) => {
    return [true, false];
  };
  const [on, setOn] = React.useState(false);

  React.useEffect(() => {
    console.log({ on });
  }, [on]);

  // const [foo1, foo2] = useCustomHookInsideFunction(() => {}, [on]);

  return (
    <div className="Button" onClick={onClick}>
      <Toast>f</Toast>
      <div className="Button-label">{label}12</div>
      <NewComponent />
    </div>
  );
};

const Bacon = Button;

export { Bacon, Bacon as Button };

const RefreshLike = () => {};

const useBacon = () => {
  return [1, 8];
};