mirror of
https://github.com/simstudioai/sim.git
synced 2026-04-06 03:00:16 -04:00
54e1439224
* added scaffolding for auto-generating docs for integrations based on block definition, get rendering error for mdx pages * page renders, have to add more useful information * standardized tool naming convention, added script to autogenerate docs for integrations, added docs for each tool * re-generated docs, updated CONTRIBUTING.md to reflect new format * added a dedicated tools page * added additional information for tools, added manual section logic to docs producer * added a link back to sim studio, fixed z level issue on mobile, added better intro * updated script to more accurately reflect the params for each tool, as well as the overall blocks' output
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
'use client'
|
|
|
|
import * as React from 'react'
|
|
|
|
interface BlockInfoCardProps {
|
|
type: string;
|
|
color: string;
|
|
icon?: boolean;
|
|
iconSvg?: string;
|
|
}
|
|
|
|
export function BlockInfoCard({
|
|
type,
|
|
color,
|
|
icon = false,
|
|
iconSvg
|
|
}: BlockInfoCardProps): React.ReactNode {
|
|
return (
|
|
<div className="mb-6 rounded-lg overflow-hidden border border-border">
|
|
<div className="flex items-center justify-center p-6">
|
|
<div
|
|
className="h-20 w-20 rounded-lg flex items-center justify-center"
|
|
style={{ backgroundColor: color }}
|
|
>
|
|
{iconSvg ? (
|
|
<div className="w-10 h-10 text-white" dangerouslySetInnerHTML={{ __html: iconSvg }} />
|
|
) : (
|
|
<div className="text-xl font-mono opacity-70">{type.substring(0, 2)}</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
{icon && (
|
|
<style jsx global>{`
|
|
.block-icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
margin: 1rem auto;
|
|
display: block;
|
|
}
|
|
`}</style>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|