4e91f267e0
* Updated to TailwindCSS v4 * Moved CSS module to its own CSS file because of lightingcss strict validation * Respect next parameter in middleware * Updated all packages. * Split CSSs for better organization. * Redesigned theme and auth pages * Improved pill and header design * Formatted files using Prettier * Better footer layout * Better auth layout * Bump version of the repository to 2.0.0
29 lines
727 B
TypeScript
29 lines
727 B
TypeScript
import React from 'react';
|
|
|
|
import { cn } from '../../lib/utils';
|
|
import { CardDescription, CardHeader, CardTitle } from '../../shadcn/card';
|
|
|
|
interface FeatureCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
label: string;
|
|
description: string;
|
|
}
|
|
|
|
export const FeatureCard: React.FC<FeatureCardProps> = ({
|
|
className,
|
|
label,
|
|
description,
|
|
...props
|
|
}) => {
|
|
return (
|
|
<div className={cn('rounded-xl border p-4', className)} {...props}>
|
|
<CardHeader>
|
|
<CardTitle className="text-xl font-medium">{label}</CardTitle>
|
|
|
|
<CardDescription className="text-muted-foreground max-w-xs text-sm font-normal">
|
|
{description}
|
|
</CardDescription>
|
|
</CardHeader>
|
|
</div>
|
|
);
|
|
};
|