import React from 'react';
import { Space, Typography } from 'antd';
import ImgBox from '../../imgBox';
const { Link, Text } = Typography;
export default function Render(props) {
    const { methods, data: oakData } = props;
    const { value, type, color } = oakData;
    if (value === null || value === '' || value === undefined) {
        return <>--</>;
    }
    else if (type === 'image') {
        if (value instanceof Array) {
            return (<Space>
                    {value.map((ele) => (<ImgBox key={ele} src={ele} width={100} height={60}/>))}
                </Space>);
        }
        return <ImgBox src={value} width={100} height={60}/>;
    }
    else if (type === 'link') {
        if (value instanceof Array) {
            return (<Space direction="vertical">
                    {value.map((ele) => (<Link key={ele} href={ele} target="_blank" ellipsis>
                            {ele}
                        </Link>))}
                </Space>);
        }
        return (<Link href={value} target="_blank" ellipsis>
                {value}
            </Link>);
    }
    return <Text ellipsis>{value}</Text>;
}