import { Button } from '@/components/Button/Button'
import styles from "./styles.module.scss"

type CalendarAnnouncementButtonsProps = {
  calendar?: string,
  announcements?: string
}

export const CalendarAnnouncementButtons = ({calendar, announcements}: CalendarAnnouncementButtonsProps) => {
  return (
    <div className={styles.container}>
      { calendar &&
        <Button
          size={"lg"}
          schema={"shade"}
          type={"button"}
          href={calendar}
          target={"_blank"}
        >Liturgischer Kalender</Button>
      }
      { announcements &&
        <span className={styles.margin}>
          <Button
            size={"lg"}
            type={"button"}
            schema={"shade"}
            href={announcements}
            target={"_blank"}
          >Vermeldungen</Button>
        </span>
      }
    </div>
  )
}