| | |
| | | 'use client' |
| | | import type { FC, ReactNode } from 'react' |
| | | import type { FC } from 'react' |
| | | import React from 'react' |
| | | |
| | | type Props = { |
| | | title: string |
| | | content: ReactNode |
| | | content: string | JSX.Element |
| | | } |
| | | |
| | | const InfoPanel: FC<Props> = ({ |
| | |
| | | }) => { |
| | | return ( |
| | | <div> |
| | | <div className='flex flex-col gap-y-0.5 rounded-md bg-workflow-block-parma-bg px-[5px] py-[3px]'> |
| | | <div className='system-2xs-semibold-uppercase uppercase text-text-secondary'> |
| | | <div className='px-[5px] py-[3px] bg-workflow-block-parma-bg rounded-md'> |
| | | <div className='text-text-secondary system-2xs-semibold-uppercase uppercase'> |
| | | {title} |
| | | </div> |
| | | <div className='system-xs-regular break-words text-text-tertiary'> |
| | | <div className='text-text-tertiary system-xs-regular break-words'> |
| | | {content} |
| | | </div> |
| | | </div> |