<component name="button">
    <nss>
        button: {
            cursor: "pointer",
            overflow: false,
            backgroundColor: "#3388ee",
            color: "#ffffff",
            radius: 4,
            height: 40,
            minWidth: 90,
            lineHeight: 30,
            coating: 10,

            paddingTop: 6,
            paddingBottom: 6,
            paddingLeft: 10,
            paddingRight: 10,

            fontSize: 14,
            textAlign: "center",
            textOffsetY: 0,

            opacity: 1.0,
            borderWidth: 2,
            borderColor: "rgba(0, 0, 0, 0.03)",

            shadowBlur: 3,
            shadowColor: "rgba(0, 0, 0, 0.02)",
            shadowOffsetX: 0,
            shadowOffsetY: 2
        }
    </nss>
    <layout id="button" class="button">
        <slot>Button</slot>
    </layout>
    <script>
        const Elements = require('Elements');

        module.exports = class extends Component {
            constructor(attr) {
                super(attr);

                this.enableActiveElement();
            }
        }
        </script>
</component>
