<!--
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
-->
<import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" />

<sky-element name="sky-box" attributes="title:string">
<template>
  <style>
    :host {
      display: flex;
      flex-direction: column;
      border-radius: 4px;
      border: 1px solid gray;
      margin: 10px;
    }
    .title {
      text-align: center;
      font-size: 10px;
      padding: 8px 8px 4px 8px;
    }
    .content {
      padding: 4px 8px 8px 8px;
    }
    div {
      flex: 1;
    }
  </style>
  <div class="title">{{ title }}</div>
  <div class="content"><content></content></div>
</template>
<script>
module.exports = class extends SkyElement {
}.register();
</script>
</sky-element>