# All files / atlas-mobile-ts/src/components/Profile/ProfileSections ProfileSection.tsx

0% Statements 0/9
100% Branches 0/0
0% Functions 0/1
0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34

     ﻿/* Copyright (C) Click & Push Accessibility, Inc - All Rights Reserved
     * Unauthorized copying of this file, via any medium is strictly prohibited
     * Proprietary and confidential
     * Written and maintained by the Click & Push Development team
     * <dev@clicknpush.ca>, January 2022
     */

    import React from "react"
    import { Button, Text, TouchableOpacity, View, ViewStyle } from "react-native"
    import Collapsible from "react-native-collapsible"
    import { Separator } from "../../Separator"
    import { ProfileSectionStyles } from "../Styles/ProfileSections.styles"
    import { ProfileSectionHeader } from "./ProfileSectionHeader"

    interface ProfileSectionProps {
        collapseToggleMethod: () => void
        isCollapsed: boolean
        title: string
        style?: ViewStyle
    }

    export const ProfileSection: React.FC<ProfileSectionProps> = ({isCollapsed, collapseToggleMethod, children, title, style}) => {
        return (
            <View>
                <ProfileSectionHeader isCollapsed={isCollapsed} collapseToggleMethod={collapseToggleMethod} title={title} />
                <Collapsible collapsed={isCollapsed} >
                    <View style={[style, ProfileSectionStyles.sectionCollapsibleContainer]}>
                        <Separator color="lightgray" style={{marginBottom: 25}}/>
                        {children}
                    </View>
                </Collapsible>
            </View>
        )
    }