{"body":"","patch":"diff --git a\/src\/devtools\/views\/Button.css b\/src\/devtools\/views\/Button.css\nnew file mode 100644\nindex 0000000000..cd252ef508\n--- \/dev\/null\n+++ b\/src\/devtools\/views\/Button.css\n@@ -0,0 +1,26 @@\n+.Button {\n+ border: none;\n+ background: var(--color-button-background);\n+ color: var(--color-button);\n+ border-radius: 0.25rem;\n+ display: inline-flex;\n+ align-items: center;\n+ padding: 0.25rem;\n+ cursor: pointer;\n+ flex: 0 0 auto;\n+}\n+.Button:hover {\n+ background: var(--color-button-background-hover);\n+ color: var(--color-button-hover);\n+}\n+.Button:active,\n+.Button:focus {\n+ background: var(--color-button-background-focus);\n+ color: var(--color-button-focus);\n+ outline: none;\n+}\n+.Button:disabled {\n+ background: var(--color-button-background);\n+ color: var(--color-button-disabled);\n+ cursor: default;\n+}\ndiff --git a\/src\/devtools\/views\/Button.js b\/src\/devtools\/views\/Button.js\nnew file mode 100644\nindex 0000000000..398ec23284\n--- \/dev\/null\n+++ b\/src\/devtools\/views\/Button.js\n@@ -0,0 +1,13 @@\n+\/\/ @flow\n+\n+import React from 'react';\n+\n+import styles from '.\/Button.css';\n+\n+type Props = {\n+ className?: string,\n+};\n+\n+export default function Button({ className, ...rest }: Props) {\n+ return

dillon1000/react

Files changed