1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| 'use client'
| import type { FC, ReactNode } from 'react'
| import React from 'react'
|
| type Props = {
| title: string
| content: ReactNode
| }
|
| const InfoPanel: FC<Props> = ({
| title,
| content,
| }) => {
| 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'>
| {title}
| </div>
| <div className='system-xs-regular break-words text-text-tertiary'>
| {content}
| </div>
| </div>
| </div>
| )
| }
| export default React.memo(InfoPanel)
|
|
