From 3043a74fa7b101b7d209f0fff32a62bcb23053b8 Mon Sep 17 00:00:00 2001
From: tykayn <contact@cipherbliss.com>
Date: Mon, 22 Sep 2025 09:57:38 +0200
Subject: [PATCH] create array of main buttons

---
 .../buttons/array-buttons/array-buttons.html  | 36 +++++++++++++++++++
 .../buttons/array-buttons/array-buttons.scss  |  0
 .../array-buttons/array-buttons.spec.ts       | 23 ++++++++++++
 .../buttons/array-buttons/array-buttons.ts    | 14 ++++++++
 4 files changed, 73 insertions(+)
 create mode 100644 my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.html
 create mode 100644 my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.scss
 create mode 100644 my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.spec.ts
 create mode 100644 my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.ts

diff --git a/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.html b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.html
new file mode 100644
index 0000000..395b5b1
--- /dev/null
+++ b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.html
@@ -0,0 +1,36 @@
+<h1>Main buttons</h1>
+
+<p>
+  <sae-m-button [label]="'Large'" [size]="'large'"></sae-m-button>
+  <sae-m-button [label]="'medium'" [size]="'medium'"></sae-m-button>
+  <sae-m-button [label]="'small'" [size]="'small'"></sae-m-button>
+  <sae-m-button [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
+</p>
+<h2>Primary</h2>
+<p>
+  <sae-m-button [kind]="'primary'" [label]="'Large'" [size]="'large'"></sae-m-button>
+  <sae-m-button [kind]="'primary'" [label]="'medium'" [size]="'medium'"></sae-m-button>
+  <sae-m-button [kind]="'primary'" [label]="'small'" [size]="'small'"></sae-m-button>
+  <sae-m-button [kind]="'primary'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
+</p>
+<h2>Secondary</h2>
+<p>
+  <sae-m-button [kind]="'secondary'" [label]="'Large'" [size]="'large'"></sae-m-button>
+  <sae-m-button [kind]="'secondary'" [label]="'medium'" [size]="'medium'"></sae-m-button>
+  <sae-m-button [kind]="'secondary'" [label]="'small'" [size]="'small'"></sae-m-button>
+  <sae-m-button [kind]="'secondary'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
+</p>
+<h2>Ghost</h2>
+<p>
+  <sae-m-button [kind]="'ghost'" [label]="'Large'" [size]="'large'"></sae-m-button>
+  <sae-m-button [kind]="'ghost'" [label]="'medium'" [size]="'medium'"></sae-m-button>
+  <sae-m-button [kind]="'ghost'" [label]="'small'" [size]="'small'"></sae-m-button>
+  <sae-m-button [kind]="'ghost'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
+</p>
+<h2>Link</h2>
+<p>
+  <sae-m-button [kind]="'link'" [label]="'Large'" [size]="'large'"></sae-m-button>
+  <sae-m-button [kind]="'link'" [label]="'medium'" [size]="'medium'"></sae-m-button>
+  <sae-m-button [kind]="'link'" [label]="'small'" [size]="'small'"></sae-m-button>
+  <sae-m-button [kind]="'link'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
+</p>
diff --git a/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.scss b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.scss
new file mode 100644
index 0000000..e69de29
diff --git a/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.spec.ts b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.spec.ts
new file mode 100644
index 0000000..c0dcacc
--- /dev/null
+++ b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ArrayButtons } from './array-buttons';
+
+describe('ArrayButtons', () => {
+  let component: ArrayButtons;
+  let fixture: ComponentFixture<ArrayButtons>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ArrayButtons]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ArrayButtons);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.ts b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.ts
new file mode 100644
index 0000000..219c30c
--- /dev/null
+++ b/my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.ts
@@ -0,0 +1,14 @@
+import {Component} from '@angular/core';
+import {MainButton} from '../main-button/main-button';
+
+@Component({
+  selector: 'sae-array-buttons',
+  imports: [
+    MainButton,
+  ],
+  templateUrl: './array-buttons.html',
+  styleUrl: './array-buttons.scss'
+})
+export class ArrayButtons {
+
+}