1import { theme } from '@expo/styleguide';
2import { CSSProperties } from 'react';
3
4type Props = {
5  alt: string;
6  style?: CSSProperties;
7  containerStyle?: CSSProperties;
8  src: string;
9};
10
11export default function ImageSpotlight({ alt, src, style, containerStyle }: Props) {
12  return (
13    <div
14      style={{
15        textAlign: 'center',
16        backgroundColor: theme.background.subtle,
17        paddingTop: 10,
18        paddingBottom: 10,
19        marginTop: 20,
20        marginBottom: 20,
21        ...containerStyle,
22      }}>
23      <img src={src} alt={alt} style={style} className="inline" />
24    </div>
25  );
26}
27