d25d482dc2
CI / Migrate Dev DB (push) Has been skipped
CI / Detect Version (push) Has been cancelled
CI / Migrate DB (push) Has been cancelled
CI / Build Dev ECR (./docker/app.Dockerfile, ECR_APP) (push) Has been cancelled
CI / Build Dev ECR (./docker/db.Dockerfile, ECR_MIGRATIONS) (push) Has been cancelled
CI / Build Dev ECR (./docker/pii.Dockerfile, ECR_PII) (push) Has been cancelled
CI / Build Dev ECR (./docker/realtime.Dockerfile, ECR_REALTIME) (push) Has been cancelled
CI / Deploy Trigger.dev (Dev) (push) Has been cancelled
CI / Build AMD64 (./docker/app.Dockerfile, ECR_APP, ghcr.io/simstudioai/simstudio) (push) Has been cancelled
CI / Build AMD64 (./docker/db.Dockerfile, ECR_MIGRATIONS, ghcr.io/simstudioai/migrations) (push) Has been cancelled
CI / Build AMD64 (./docker/pii.Dockerfile, ECR_PII, ghcr.io/simstudioai/pii) (push) Has been cancelled
CI / Build AMD64 (./docker/realtime.Dockerfile, ECR_REALTIME, ghcr.io/simstudioai/realtime) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/app.Dockerfile, ghcr.io/simstudioai/simstudio) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/db.Dockerfile, ghcr.io/simstudioai/migrations) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/pii.Dockerfile, ghcr.io/simstudioai/pii) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/realtime.Dockerfile, ghcr.io/simstudioai/realtime) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/migrations) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/pii) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/realtime) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/simstudio) (push) Has been cancelled
CI / Check Docs Changes (push) Has been cancelled
CI / Process Docs (push) Has been cancelled
CI / Create GitHub Release (push) Has been cancelled
CI / Test and Build (push) Has been cancelled
Publish CLI Package / publish-npm (push) Has been cancelled
Publish Python SDK / publish-pypi (push) Has been cancelled
Publish TypeScript SDK / publish-npm (push) Has been cancelled
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import type { ComponentType, ReactNode, SVGProps } from 'react'
|
|
import { cn } from '@sim/emcn'
|
|
|
|
interface FeaturePlatformPanelProps {
|
|
children: ReactNode
|
|
className?: string
|
|
icon: ComponentType<SVGProps<SVGSVGElement>>
|
|
title: string
|
|
}
|
|
|
|
/**
|
|
* A cropped workspace surface using the same lightweight header treatment as
|
|
* Sim's product views. Individual graphics provide real platform controls as
|
|
* the content rather than drawing a separate illustration language. The
|
|
* window anchors to the slot's left edge (`left-0`) so it left-aligns with
|
|
* the tile's title/description text column, bleeding off the right edge.
|
|
*/
|
|
export function FeaturePlatformPanel({
|
|
children,
|
|
className,
|
|
icon: Icon,
|
|
title,
|
|
}: FeaturePlatformPanelProps) {
|
|
return (
|
|
<div
|
|
aria-hidden='true'
|
|
className={cn(
|
|
'absolute right-0 bottom-0 left-0 overflow-hidden rounded-tl-xl border-[var(--border-1)] border-t border-l bg-[var(--surface-2)] shadow-sm',
|
|
className
|
|
)}
|
|
>
|
|
<div className='flex h-12 items-center gap-2 border-[var(--border)] border-b px-4'>
|
|
<span className='flex size-6 items-center justify-center rounded-md bg-[var(--surface-5)]'>
|
|
<Icon className='size-[14px] text-[var(--text-icon)]' />
|
|
</span>
|
|
<span className='font-medium text-[var(--text-primary)] text-base'>{title}</span>
|
|
</div>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|