From 58371f020096a45d1021ee9277c77b7a2e8f41a8 Mon Sep 17 00:00:00 2001
From: Polianin Nikita <nikitkapolyanin@yandex.ru>
Date: Sat, 17 Feb 2024 07:46:07 +0300
Subject: [PATCH] feat: add default spinner

---
 .../data-spinner/data-spinner.component.css    |  0
 .../data-spinner/data-spinner.component.html   |  1 +
 .../data-spinner/data-spinner.component.ts     | 18 ++++++++++++++++++
 3 files changed, 19 insertions(+)
 create mode 100644 src/components/data-spinner/data-spinner.component.css
 create mode 100644 src/components/data-spinner/data-spinner.component.html
 create mode 100644 src/components/data-spinner/data-spinner.component.ts

diff --git a/src/components/data-spinner/data-spinner.component.css b/src/components/data-spinner/data-spinner.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/data-spinner/data-spinner.component.html b/src/components/data-spinner/data-spinner.component.html
new file mode 100644
index 0000000..392a2d6
--- /dev/null
+++ b/src/components/data-spinner/data-spinner.component.html
@@ -0,0 +1 @@
+<mat-progress-spinner [color]="color" mode="indeterminate" [diameter]="scale" />
diff --git a/src/components/data-spinner/data-spinner.component.ts b/src/components/data-spinner/data-spinner.component.ts
new file mode 100644
index 0000000..b1c99fb
--- /dev/null
+++ b/src/components/data-spinner/data-spinner.component.ts
@@ -0,0 +1,18 @@
+import {Component, Input} from '@angular/core';
+import {MatProgressSpinner} from "@angular/material/progress-spinner";
+import {NgStyle} from "@angular/common";
+
+@Component({
+  selector: 'app-data-spinner',
+  standalone: true,
+  imports: [
+    MatProgressSpinner,
+    NgStyle
+  ],
+  templateUrl: './data-spinner.component.html',
+  styleUrl: './data-spinner.component.css'
+})
+export class DataSpinnerComponent {
+  @Input() color: string = "accent";
+  @Input() scale: number = 50;
+}