@nfq/react-grid/dist/esm/grid/ScreenBadge.js

An fork of react-awesome-styled-grid with more screen classes and some features.

import _styled from '@emotion/styled/base';
import React from 'react';

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
const ScreenBadge = ({
  testId = 'ScreenBadge'
}) => React.createElement(ScreenBadgeElement, {
  "data-cy": testId
});
ScreenBadge.displayName = 'ScreenBadge';
const ScreenBadgeElement = _styled("div", {
  target: "e1ycoyyv0"
})(process.env.NODE_ENV === "production" ? {
  name: "eqszl3",
  styles: "align-items:center;background-color:color-mix(in srgb, rebeccapurple 50%, transparent);border-radius:5px;display:flex;height:30px;inset-block-end:10px;inset-inline-end:10px;justify-content:center;padding-inline:calc(var(--nfq-grid-base-spacing) * 2);position:fixed;width:fit-content;z-index:10;&::before{content:\"\"var(--nfq-grid-screen-size)\"\";font-family:system-ui,sans-serif;font-size:1.5rem;font-weight:bold;}"
} : {
  name: "eqszl3",
  styles: "align-items:center;background-color:color-mix(in srgb, rebeccapurple 50%, transparent);border-radius:5px;display:flex;height:30px;inset-block-end:10px;inset-inline-end:10px;justify-content:center;padding-inline:calc(var(--nfq-grid-base-spacing) * 2);position:fixed;width:fit-content;z-index:10;&::before{content:\"\"var(--nfq-grid-screen-size)\"\";font-family:system-ui,sans-serif;font-size:1.5rem;font-weight:bold;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcmVlbkJhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3FDIiwiZmlsZSI6IlNjcmVlbkJhZGdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBQcm9wcyBmb3IgdGhlIGA8U2NyZWVuQmFkZ2UgLz5gIGNvbXBvbmVudC5cbiAqIFRoaXMgaW50ZXJmYWNlIGRlZmluZXMgb3B0aW9uYWwgY29uZmlndXJhdGlvbiBmb3IgdGVzdGluZyBwdXJwb3Nlcy4gSXQgYWxsb3dzIGluamVjdGluZ1xuICogYSBgZGF0YS1jeWAgYXR0cmlidXRlIHVzaW5nIGEgYHRlc3RJZGAsIGNvbW1vbmx5IHVzZWQgaW4gZW5kLXRvLWVuZCB0ZXN0aW5nIHdpdGggQ3lwcmVzcy5cbiAqL1xuaW50ZXJmYWNlIENvbXBvbmVudFByb3BzIHtcbiAgICAgLyoqXG4gICAgICAqIEEgdGVzdCBpZGVudGlmaWVyIGZvciB1c2Ugd2l0aCBDeXByZXNzIG9yIG90aGVyIHRlc3QgZnJhbWV3b3Jrcy5cbiAgICAgICogVGhpcyB3aWxsIGJlIGFwcGxpZWQgYXMgYSBgZGF0YS1jeWAgYXR0cmlidXRlIG9uIHRoZSByZW5kZXJlZCBlbGVtZW50LlxuICAgICAgKlxuICAgICAgKiBAZGVmYXVsdCAnU2NyZWVuQmFkZ2UnXG4gICAgICAqL1xuICAgIHRlc3RJZD86IHN0cmluZztcbn1cblxuLyoqXG4gKiBEaXNwbGF5cyB0aGUgY3VycmVudCBhY3RpdmUgc2NyZWVuIHNpemUgYXMgYSBiYWRnZSBlbGVtZW50IGZvciBkZWJ1Z2dpbmcgb3IgdGVzdGluZyBwdXJwb3Nlcy5cbiAqIFRoZSBgU2NyZWVuQmFkZ2VgIGNvbXBvbmVudCBjb25zdW1lcyB0aGUgY3VycmVudCBicmVha3BvaW50IGZyb20gYHVzZVNjcmVlblNpemUoKWAgYW5kIHJlbmRlcnMgaXRcbiAqIGFzIHRleHQgaW5zaWRlIGEgc3R5bGVkIGJhZGdlIGVsZW1lbnQuIEl0IGNhbiBiZSBjdXN0b21pemVkIHdpdGggYSBgdGVzdElkYCBmb3IgQ3lwcmVzcyBvciBvdGhlclxuICogdGVzdCBhdXRvbWF0aW9uIHRvb2xzIHZpYSB0aGUgYGRhdGEtY3lgIGF0dHJpYnV0ZS5cbiAqIFRoaXMgaXMgcGFydGljdWxhcmx5IHVzZWZ1bCBkdXJpbmcgZGV2ZWxvcG1lbnQgZm9yIHZpc3VhbGx5IGlkZW50aWZ5aW5nIHdoaWNoIGJyZWFrcG9pbnQgaXMgYWN0aXZlLlxuICpcbiAqIEBwYXJhbSBwcm9wcyAgICAgICAgVGhlIGNvbXBvbmVudCBwcm9wcy5cbiAqIEBwYXJhbSBwcm9wcy50ZXN0SWQgVGhlIHRlc3QgaWRlbnRpZmllciBhcHBsaWVkIGFzIGBkYXRhLWN5YC4gRGVmYXVsdHMgdG8gYCdTY3JlZW5CYWRnZSdgLlxuICogQHJldHVybnMgQSBzdHlsZWQgYmFkZ2UgZWxlbWVudCBkaXNwbGF5aW5nIHRoZSBjdXJyZW50IGJyZWFrcG9pbnQgbmFtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiA8U2NyZWVuQmFkZ2UgLz5cbiAqIC8vIFJlbmRlcnMgc29tZXRoaW5nIGxpa2U6IDxzcGFuIGRhdGEtY3k9XCJTY3JlZW5CYWRnZVwiPm1kPC9zcGFuPlxuICpcbiAqIDxTY3JlZW5CYWRnZSB0ZXN0SWQ9XCJjdXJyZW50LWJyZWFrcG9pbnRcIiAvPlxuICogLy8gUmVuZGVyczogPHNwYW4gZGF0YS1jeT1cImN1cnJlbnQtYnJlYWtwb2ludFwiPm1kPC9zcGFuPlxuICogYGBgXG4gKi9cbmNvbnN0IFNjcmVlbkJhZGdlID0gKHt0ZXN0SWQgPSAnU2NyZWVuQmFkZ2UnfTogQ29tcG9uZW50UHJvcHMpID0+IDxTY3JlZW5CYWRnZUVsZW1lbnQgZGF0YS1jeT17dGVzdElkfSAvPjtcblxuU2NyZWVuQmFkZ2UuZGlzcGxheU5hbWUgPSAnU2NyZWVuQmFkZ2UnO1xuXG5leHBvcnQge1NjcmVlbkJhZGdlfTtcblxuY29uc3QgU2NyZWVuQmFkZ2VFbGVtZW50ID0gc3R5bGVkLmRpdmBcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChpbiBzcmdiLCByZWJlY2NhcHVycGxlIDUwJSwgdHJhbnNwYXJlbnQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMzBweDtcbiAgICBpbnNldC1ibG9jay1lbmQ6IDEwcHg7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogMTBweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nLWlubGluZTogY2FsYyh2YXIoLS1uZnEtZ3JpZC1iYXNlLXNwYWNpbmcpICogMik7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB6LWluZGV4OiAxMDtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCJ2YXIoLS1uZnEtZ3JpZC1zY3JlZW4tc2l6ZSlcIlwiO1xuICAgICAgICBmb250LWZhbWlseTogc3lzdGVtLXVpLCBzYW5zLXNlcmlmO1xuICAgICAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgfVxuYDsiXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});

export { ScreenBadge };
//# sourceMappingURL=ScreenBadge.js.map