mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-06-19 10:55:31 -04:00
jake
5a1636baa3
- Replace Biome with oxlint + oxfmt (OXC toolchain) for linting and formatting - Add .oxlintrc.json and .oxfmtrc.json configuration files - Update VS Code settings and devcontainer to use oxc-vscode extension - Remove contact form, Resend email integration, and related server action/schema - Remove unused UI components (accordion, alert, card, tabs, toggle, etc.)
34 lines
746 B
TypeScript
34 lines
746 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
const CodePen = ({
|
|
username,
|
|
id,
|
|
defaultTab = "html",
|
|
preview = true,
|
|
editable = false,
|
|
title = "CodePen embed",
|
|
className,
|
|
...rest
|
|
}: {
|
|
username: string;
|
|
id: string;
|
|
defaultTab?: string;
|
|
preview?: boolean;
|
|
editable?: boolean;
|
|
title?: string;
|
|
} & React.ComponentProps<"iframe">) => (
|
|
<iframe
|
|
src={`https://codepen.io/${username}/embed/${id}/?${new URLSearchParams({
|
|
"default-tab": `${defaultTab},result`,
|
|
preview: `${!!preview}`,
|
|
editable: `${!!editable}`,
|
|
})}`}
|
|
title={title}
|
|
sandbox="allow-scripts allow-popups allow-forms"
|
|
className={cn("h-[500px] w-full overflow-hidden border-none", className)}
|
|
{...rest}
|
|
/>
|
|
);
|
|
|
|
export { CodePen };
|