xlibs-components
Version:
Modern React component library with Aceternity, MagicUI, and ShadCN components for building beautiful web applications
80 lines (79 loc) • 2.64 kB
JavaScript
import { createComponentConfig } from '../../lib/config.js';
export const animatedTestimonialsConfig = createComponentConfig({
variants: {
default: {
className: "mx-auto max-w-sm px-4 py-20 font-sans antialiased md:max-w-4xl md:px-8 lg:px-12"
},
compact: {
className: "mx-auto max-w-sm px-4 py-12 font-sans antialiased md:max-w-3xl md:px-6 lg:px-8"
},
wide: {
className: "mx-auto max-w-sm px-4 py-24 font-sans antialiased md:max-w-6xl md:px-10 lg:px-16"
}
},
sizes: {
sm: { className: "py-12" },
md: { className: "py-20" },
lg: { className: "py-24" }
},
options: {
autoplay: true,
interval: 5000,
showNavigation: true,
animationDuration: 0.4
}
});
export const testimonialCardConfig = createComponentConfig({
variants: {
default: {
className: "h-full w-full rounded-3xl object-cover object-center"
},
square: {
className: "h-full w-full rounded-2xl object-cover object-center"
},
circular: {
className: "h-full w-full rounded-full object-cover object-center"
}
},
sizes: {
sm: { className: "h-64 w-64" },
md: { className: "h-80 w-full" },
lg: { className: "h-96 w-full" }
}
});
export const testimonialContentConfig = createComponentConfig({
variants: {
default: {
className: "flex flex-col justify-between py-4"
},
centered: {
className: "flex flex-col justify-center items-center py-4 text-center"
},
minimal: {
className: "flex flex-col justify-start py-4"
}
},
sizes: {
sm: { className: "py-2" },
md: { className: "py-4" },
lg: { className: "py-6" }
}
});
export const navigationButtonConfig = createComponentConfig({
variants: {
default: {
className: "group/button flex h-7 w-7 items-center justify-center rounded-full bg-muted hover:bg-accent transition-colors"
},
outline: {
className: "group/button flex h-7 w-7 items-center justify-center rounded-full border border-border bg-transparent hover:bg-accent transition-colors"
},
solid: {
className: "group/button flex h-7 w-7 items-center justify-center rounded-full bg-primary text-primary-foreground hover:bg-primary/90 transition-colors"
}
},
sizes: {
sm: { className: "h-6 w-6" },
md: { className: "h-7 w-7" },
lg: { className: "h-8 w-8" }
}
});