text: import styled from 'styled-components'
  
  export const Container = styled.TouchableOpacity`
      padding-top: 16px;
      padding-bottom: 16px;
      padding-right: 16px;
      width: 140px;
      height: 180px;
  `
  export const BannerItem = styled.Image`
      width: 100%;
      height: 170px;
      border-radius: 8px;
  `
  export const Title = styled.Text`
      color: white;
      font-size: 14px;
      padding-top: 8px;
  
  `
  export const RateContainer = styled.View`
      flex-direction: row;
      align-items: center;
  `
  export const Rate = styled.Text`
      padding-left: 4px;
      color: white;
      font-size: 12px;
  `