b4ad565df6
### What problem does this PR solve? Feat: Add ParsedPageCard component #3221 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import { Card, CardContent } from '@/components/ui/card';
|
|
|
|
interface ParsedPageCardProps {
|
|
page: string;
|
|
content: string;
|
|
}
|
|
|
|
export function ParsedPageCard({ page, content }: ParsedPageCardProps) {
|
|
return (
|
|
<Card className="bg-colors-outline-neutral-standard border-colors-outline-neutral-strong rounded-3xl">
|
|
<CardContent className="p-4">
|
|
<p className="text-colors-text-neutral-standard text-base">{page}</p>
|
|
<div className="text-colors-text-neutral-strong text-lg mt-2">
|
|
{content}
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|
|
|
|
interface ChunkCardProps {
|
|
activated: boolean;
|
|
}
|
|
|
|
export function ChunkCard({}: ChunkCardProps) {
|
|
return (
|
|
<Card className="bg-colors-outline-neutral-standard border-colors-outline-neutral-strong rounded-3xl">
|
|
<CardContent className="p-4">
|
|
<p className="text-colors-text-neutral-standard text-base">{}</p>
|
|
<div className="text-colors-text-neutral-strong text-lg mt-2">{}</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|