import styled from "styled-components/native";

export const DreamSection = styled.View`

`

export const HomeContainer = styled.ScrollView`
`

export const WalletSection = styled.View`
    z-index: 10;
`

export const NativeSection = styled.View`
    z-index: 10;
    position: relative;
    justify-content: space-around;
    flex-direction: row;

    width: 100%; 
    padding-horizontal: 20px;
    background: ${({ theme }: any) => theme?.colors?.primary};

`

export const IconWrapper = styled.View`
    justify-content: center;
    align-items: center;
`

export const Shape = styled.View``

export const AccessSection = styled.View`
    margin-top: 50px;
    width: 100%;
    flex-direction: row;
    padding: 10px;
`

export const BannerSection = styled.View`
    
`
