import Image from 'next/image';
import { Link } from 'react-router-dom';
import config from '../data/internal/config'

const ShowSideBar = (props) => {
    console.log(props.props.data[0].attributes)
    return(
<div className="side_content col-md-3">
    <Image
        src={config.siteURL + props.props.data[0].attributes.Logo.data.attributes.url}
        height={props.props.data[0].attributes.Logo.data.attributes.height}
        width={props.props.data[0].attributes.Logo.data.attributes.width}
    />
    <div dangerouslySetInnerHTML={{ __html: props.props.data[0].attributes.Description }}></div>
    <h2>Feeds</h2>
    <div><a href={props.props.data[0].attributes.iTunesLink}>
            <img src="/images/iTunes.png" alt="Get it on iTunes"></img>
        </a></div>
    <div><a href={props.props.data[0].attributes.rssLink+".xml"}>
            <img src="/images/rss.png" alt="RSS Feed"></img>
        </a></div>
</div>);
}

export default ShowSideBar