import styles from './styles.module.scss'
import { Church, ChurchIcon } from '@/components/ChurchIcon/ChurchIcon'

type ChurchCardProps = {
  church: Church,
  width?: number,
  backgroundColor: string,
}

export const ChurchCard = ({church, backgroundColor, width = 286 }: ChurchCardProps) => {
  return <div className={styles.card} style={{backgroundColor, width, height: width}}>
    <ChurchIcon church={church} style={"outline"} stroke={0.5} color={"#000000"} />
  </div>
}