/*!
 * Custom elements for Nanopore-Digital Web applications
 */
'use strict';

var index = require('./index-DGttnXif.js');

const cardCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";

const NanoCard = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    /** The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait. */
    layout;
    /** The variant of card. Changes the styling of the card and of nested elements */
    variant;
    /** Size of card's heading. Defaults to `large`. Has no baring on `variant="promo"` cards */
    size;
    /** If true, disables the whole-card click effect. */
    disableCardClick;
};
NanoCard.style = cardCss;

exports.nano_card = NanoCard;
