import { r as registerInstance, h } from './index-06929dd0.js';

const testComponentCss = "";

const TestComponent = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    return (h("bds-grid", { xxs: "12", direction: "row", padding: "3", "flex-wrap": "wrap", gap: "2" }, h("bds-grid", { xxs: "12" }, h("div", { class: "titulo" }, h("bds-typo", { variant: "fs-40", bold: "bold" }, "Titulo de teste fora de temas"))), h("bds-grid", { xxs: "6", padding: "r-1" }, h("bds-theme-provider", { theme: "light" }, h("bds-paper", { border: true }, h("bds-grid", { padding: "2", gap: "3", direction: "column" }, h("bds-typo", { variant: "fs-32", bold: "bold" }, "Insira o componente aqui"))))), h("bds-grid", { xxs: "6", padding: "l-1" }, h("bds-theme-provider", { theme: "dark" }, h("bds-paper", null, h("bds-grid", { padding: "2", gap: "3", direction: "column" }, h("bds-typo", { variant: "fs-32", bold: "bold" }, "Insira o componente aqui")))))));
  }
};
TestComponent.style = testComponentCss;

export { TestComponent as bds_test_component };
