From f8bcf2ef94ca6fc912c0ee60b33fb3241ce8f689 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B3zsef=20Farkas?= <fjozsef001@gmail.com>
Date: Sat, 9 Apr 2016 21:56:47 +0200
Subject: [PATCH] Add KeyboardButtonGroup Component

---
 .../keyboard-button-group.component.ts        | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/keyboard-button-group.component.ts

diff --git a/src/components/keyboard-button-group.component.ts b/src/components/keyboard-button-group.component.ts
new file mode 100644
index 00000000..d8c2f0c3
--- /dev/null
+++ b/src/components/keyboard-button-group.component.ts
@@ -0,0 +1,34 @@
+import { Component, OnInit, Input } from 'angular2/core';
+
+import {KeyboardButtonComponent} from './keyboard-button.component';
+import {KeyboardButton} from './keyboard-button.model';
+
+@Component({
+    selector: 'keyboard-button-group',
+    template:
+    `
+        <keyboard-button *ngFor="#keyboardButton of keyboardButtons"
+                            [id]="keyboardButton.id" [fill]="keyboardButton.fill"
+                            [rx]="keyboardButton.rx" [ry]="keyboardButton.ry"
+                            [height]="keyboardButton.height" [width]="keyboardButton.width">
+        </keyboard-button>
+    `,
+    styles:
+    [`
+        :host {
+            display: flex;
+        }
+
+        keyboard-button {
+            border: 2px solid transparent;
+        }
+    `],
+    directives: [KeyboardButtonComponent]
+})
+export class KeyboardButtonGroupComponent implements OnInit {
+    @Input() keyboardButtons: KeyboardButton[];
+    constructor() { }
+
+    ngOnInit() { }
+
+}
\ No newline at end of file