element-book/dist/ui/elements/common/book-error.element.js

An [`element-vir`](https://npmjs.com/package/element-vir) drop-in element for building, testing, and demonstrating a collection of elements (or, in other words, a design system).

import { check } from '@augment-vir/assert';
import { css, html } from 'element-vir';
import { defineBookElement } from '../define-book-element.js';
export const BookError = defineBookElement()({
    tagName: 'book-error',
    styles: css `
        :host {
            display: flex;
            flex-direction: column;
            color: red;
            font-weight: bold;
        }

        p {
            margin: 0;
            padding: 0;
        }
    `,
    render({ inputs }) {
        const paragraphs = check.isArray(inputs.message) ? inputs.message : [inputs.message];
        return paragraphs.map((paragraph) => html `
                <p>${paragraph}</p>
            `);
    },
});