export const rootFile = `
import React from "react";
import ReactDOM from "react-dom/client";
import { HeroUIProvider } from "@heroui/react";
import App from "./App";
import "./styles.css";
ReactDOM.createRoot(document.getElementById("root")).render(
);`;
export const getHtmlFile = (theme: string, entryFile: string) => `
Vite App
`;
export const tailwindConfig = `const { heroui } = require("@heroui/react");
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./*.{js,ts,jsx,tsx}",
"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
darkMode: "class",
plugins: [heroui()],
};`;
export const postcssConfig = `module.exports = {
plugins: {
"@tailwindcss/postcss": {},
},
}`;
export const stylesConfig = `@import "tailwindcss";
@config "./tailwind.config.js";`;
export const npmrcConfig = `public-hoist-pattern[]=*@heroui/*`;
export const viteConfig = `import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react(), tailwindcss()],
});
`;