core/components/Advertisement.tsx
2021-06-02 12:53:00 +09:00

39 lines
802 B
TypeScript

import AdSense from 'react-adsense'
const Advertisement: React.FC<AdvertisementProps> = ({ size = 'short' }) => {
return <div className='py-5'>
<div
className={`z-0 mx-auto w-full text-center text-white ${
true ? '' : 'py-12 bg-gray-700'
}`}
style={size === 'short' ? { height: '90px' } : { height: '330px' }}
>
{true ? (
<AdSense.Google
style={{ display: 'inline-block', width: '100%', height: size === 'short' ? '90px' : '330px'}}
client='ca-pub-4856582423981759'
slot='3250141451'
format=''
/>
) : (
'Advertisement'
)}
</div>
</div>
}
declare global {
interface Window {
adsbygoogle: {
loaded?: boolean
push(obj: unknown): void
}
}
}
interface AdvertisementProps {
size?: 'short' | 'tall'
}
export default Advertisement