import styled from 'styled-components/native'

export const ReviewOrderContainer = styled.ScrollView`
  padding: 0 25px;
  margin-bottom: 100px;
`

export const BusinessLogo = styled.View`
  margin-vertical: 5px;
  align-items: center;
`

export const FormReviews = styled.View`
  flex: 1;
  height: 100%;
  margin-top: 10px;
`

export const ActionContainer = styled.View`
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 3px 30px;
`

export const RatingStarContainer = styled.View`
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
`
export const PlacedDate = styled.View`
  margin-top: 30px;
`

export const MultiLogosContainer = styled.View`
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
`
