import { Box, Typography } from "@mui/material"
import styled from "styled-components"
import selectedTheme from "../../../themes"

export const NoReviewsContainer = styled(Box)`
  text-align: center;
  margin-top: 36px;
`
export const NoReviewsText = styled(Typography)`
  color: ${selectedTheme.colors.primaryPurple};
  font-size: 24px;
  font-family: ${selectedTheme.fonts.textFont};
  text-align: center;
  font-weight: 700;
  width: 229px;
  
`
export const NoReviewsAltText = styled(Typography)`
  font-size: 12px;
  color: ${selectedTheme.colors.primaryDarkText};
  font-family: ${selectedTheme.fonts.textFont};
  text-align: center;
  width: 100%;
  margin-bottom: 36px;
`