styles

src/app/shared/components/ui/button/button.component.ts

@@ -1,11 +1,22 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+// Definiert die erlaubten Varianten für den Button
+type ButtonColor = 'primary' | 'secondary' | 'stroked' | 'flat' | 'icon' | 'icon-danger';
 
 @Component({
   selector: 'app-button',
-  imports: [],
+   
+  imports: [CommonModule],
   templateUrl: './button.component.html',
   styleUrl: './button.component.css'
 })
 export class ButtonComponent {
+  @Input() color: ButtonColor = 'primary';
+  @Input() type: 'button' | 'submit' = 'button';
+  @Input() disabled = false;
+  @Input() fullWidth = false;
 
-}
+  // Ein spezieller Input für Tooltips
+  @Input() tooltip: string | null = null;
+}