'use strict';

oml.ui.importScreen = function() {

    var that = Ox.Element()
        .attr({id: 'importScreen'})
        .css({
            position: 'absolute',
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            backgroundColor: 'rgba(0, 0, 0, 0.5)',
            zIndex: 1000
        })
        .on({
            click: function() {
                that.remove();
            },
            dragleave: function() {
                that.remove();
            }
        });

    Ox.Element()
        .css({
            position: 'absolute',
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            width: 128,
            height: 16,
            padding: '8px 0',
            borderRadius: 8,
            margin: 'auto',
            background: 'rgba(255, 255, 255, 0.9)',
            fontSize: 13,
            color: 'rgb(0, 0, 0)',
            textAlign: 'center'
        })
        .text(Ox._('Import Books'))
        .appendTo(that);

    return that;

};