2 files changed, 40 insertions, 0 deletions
diff --git a/src/frontend/components/Button/Button.tsx b/src/frontend/components/Button/Button.tsx
new file mode 100644
index 0000000..0807750
--- /dev/null
+++ b/src/frontend/components/Button/Button.tsx
@@ -0,0 +1,36 @@
+// Copyright The OpenTelemetry Authors
+// SPDX-License-Identifier: Apache-2.0
+
+import styled, { css } from 'styled-components';
+
+const Button = styled.button<{ $type?: 'primary' | 'secondary' | 'link' }>`
+  background-color: #5262a8;
+  color: white;
+  display: inline-block;
+  border: solid 1px #5262a8;
+  padding: 8px 16px;
+  outline: none;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 27px;
+  border-radius: 10px;
+  height: 62px;
+  cursor: pointer;
+
+  ${({ $type = 'primary' }) =>
+    $type === 'secondary' &&
+    css`
+      background: none;
+      color: #5262a8;
+    `};
+
+  ${({ $type = 'primary' }) =>
+    $type === 'link' &&
+    css`
+      background: none;
+      color: #5262a8;
+      border: none;
+    `};
+`;
+
+export default Button;
diff --git a/src/frontend/components/Button/index.ts b/src/frontend/components/Button/index.ts
new file mode 100644
index 0000000..0af447b
--- /dev/null
+++ b/src/frontend/components/Button/index.ts
@@ -0,0 +1,4 @@
+// Copyright The OpenTelemetry Authors
+// SPDX-License-Identifier: Apache-2.0
+
+export { default } from './Button';