import React, { FC } from 'react'
import { Flex, FlexProps, Heading, HeadingProps } from '@chakra-ui/react'

export type NotificationsHeaderProps = {} & FlexProps

export const NotificationsHeader: FC<NotificationsHeaderProps> = ({ ...props }) => {
  return <Flex justifyContent="space-between" px={4} pt={2} alignItems="center" mb={4} {...props} />
}

export type NotificationsTitleProps = {} & HeadingProps

export const NotificationsTitle: FC<NotificationsTitleProps> = ({ children = 'Notifiche', ...props }) => {
  return <Heading size="lg" children={children} {...props} />
}