const AcmeLogo = `export const AcmeLogo = () => (
);`;
const Icons = `export const ChevronDown = ({fill, size, height, width, ...props}) => {
return (
);
};
export const Lock = ({fill, size, height, width, ...props}) => {
const color = fill;
return (
);
};
export const Activity = ({fill, size, height, width, ...props}) => {
return (
);
};
export const Flash = ({
fill = "currentColor",
size,
height,
width,
...props
}) => {
return (
);
};
export const Server = ({
fill = "currentColor",
size,
height,
width,
...props
}) => {
return (
);
};
export const TagUser = ({
fill = "currentColor",
size,
height,
width,
...props
}) => {
return (
);
};
export const Scale = ({
fill = "currentColor",
size,
height,
width,
...props
}) => {
return (
);
};`;
const App = `import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button, DropdownItem, DropdownTrigger, Dropdown, DropdownMenu} from "@nextui-org/react";
import {ChevronDown, Lock, Activity, Flash, Server, TagUser, Scale} from "./Icons.jsx";
import {AcmeLogo} from "./AcmeLogo.jsx";
export default function App() {
const icons = {
chevron: ,
scale: ,
lock: ,
activity: ,
flash: ,
server: ,
user: ,
};
return (
ACME
Autoscaling
Usage Metrics
Production Ready
+99% Uptime
+Supreme Support
Customers
Integrations
Login
);
}`;
const react = {
"/App.jsx": App,
"/AcmeLogo.jsx": AcmeLogo,
"/Icons.jsx": Icons,
};
export default {
...react,
};