From 128a45ad77ae15f0aac59467940079efa3d7c655 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 9 Mar 2025 22:15:24 +0800
Subject: [PATCH] prepare empty Pattern attribute part.

---
 .../pattern-editor/PulseAttributes.module.css       | 13 +++++++++++++
 .../pattern-editor/PulseAttributes.tsx              |  8 ++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/page-components/pattern-editor/PulseAttributes.module.css
 create mode 100644 src/page-components/pattern-editor/PulseAttributes.tsx

diff --git a/src/page-components/pattern-editor/PulseAttributes.module.css b/src/page-components/pattern-editor/PulseAttributes.module.css
new file mode 100644
index 0000000..88420af
--- /dev/null
+++ b/src/page-components/pattern-editor/PulseAttributes.module.css
@@ -0,0 +1,13 @@
+@layer pages {
+  .pulse_attributes {
+    flex: 2;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: calc(var(--spacing) * 2);
+    padding: calc(var(--spacing) * 2) calc(var(--spacing));
+    border-radius: calc(var(--border-radius) * 2);
+    color: var(--color-on-surface);
+    background-color: var(--color-surface-container);
+  }
+}
diff --git a/src/page-components/pattern-editor/PulseAttributes.tsx b/src/page-components/pattern-editor/PulseAttributes.tsx
new file mode 100644
index 0000000..c485335
--- /dev/null
+++ b/src/page-components/pattern-editor/PulseAttributes.tsx
@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import styles from './PulseAttributes.module.css';
+
+const PulseAttributes: FC = () => {
+  return <div className={styles.pulse_attributes}></div>;
+};
+
+export default PulseAttributes;