"use client"

import { Button } from '@/components/Button/Button'
import { useState } from 'react'
import styles from './styles.module.scss'
import classNames from 'classnames'

export const Dropdown = () => {
  const [isOpen, setIsOpen] = useState(false)

  return (
    <div className={styles.container}>
      <Button
        size={"md"}
        schema={"shade"}
        onClick={() => setIsOpen(!isOpen)}
      >Vermeldungen</Button>
      <div className={classNames(styles.options, isOpen ? styles.open : styles.closed)}>
        <a href={""}>St. Clara</a>
        <a href={""}>St. Richard</a>
        <a href={""}>St Christophorus</a>
      </div>
    </div>
  )
}
