From 82e03978b89938219958032efb1448cc76baa181 Mon Sep 17 00:00:00 2001
From: Saumit <justsaumit@protonmail.com>
Date: Sat, 27 Sep 2025 02:14:26 +0530
Subject: Initial snapshot - OpenTelemetry demo 2.1.3 -f

---
 src/frontend/components/Button/Button.tsx | 36 +++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/frontend/components/Button/Button.tsx

(limited to 'src/frontend/components/Button/Button.tsx')

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;
-- 
cgit v1.2.3

