mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-06-05 20:15: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.)
32 lines
668 B
TypeScript
32 lines
668 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
// https://magicui.design/docs/components/marquee
|
|
const Marquee = ({
|
|
repeat = 3,
|
|
className,
|
|
children,
|
|
...rest
|
|
}: React.ComponentProps<"div"> & {
|
|
reverse?: boolean;
|
|
pauseOnHover?: boolean;
|
|
repeat?: number;
|
|
}) => (
|
|
<div
|
|
className={cn("group flex flex-row [gap:var(--gap)] overflow-hidden [--gap:2rem]", className)}
|
|
{...rest}
|
|
>
|
|
{Array(repeat)
|
|
.fill(0)
|
|
.map((_, i) => (
|
|
<div
|
|
key={i}
|
|
className="motion-safe:animate-marquee flex shrink-0 flex-row justify-around [gap:var(--gap)]"
|
|
>
|
|
{children}
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
|
|
export { Marquee };
|