<Card style={styles.cardFather}>
            <Collapse onToggle={(isCollapsed: boolean) => changeCollapsed(isCollapsed)}>
                <CollapseHeader style={styles.baseCard}>
                    <View style={styles.contentView}>
                        <Text style={styles.numberOrder}>94378331</Text>
                        <Text>JOE LOCKWOOD</Text>
                        <Icon type="FontAwesome" name="file-text" style={styles.fileIcon} />
                        <Icon type="FontAwesome5" name="truck" style={styles.truckIcon} />
                        <Icon type="FontAwesome5" name="shopping-cart" style={styles.shoopingIcon} />
                        {!isCollapsed ? (
                            <Icon type="FontAwesome5" name="chevron-down" style={styles.chevronIcon} />
                        ) : (
                            <Icon type="FontAwesome5" name="chevron-up" style={styles.chevronIcon} />
                        )}
                    </View>
                </CollapseHeader>
                <CollapseBody>
                    <View style={styles.baseOrderPlace}>
                        <Icon type="AntDesign" name="clockcircle" style={styles.clockOrderPlace} />
                        <Text style={styles.titleOrderPlace}>Order placed</Text>
                        <Text style={styles.timeOrderPlace}>4 hours ago</Text>
                    </View>
                    <View style={styles.baseSpecial}>
                        <Icon type="FontAwesome" name="file-text" style={styles.fileIconSpecial} />
                        <Text style={styles.titleSpecial}>Special instructions</Text>
                        <Text style={styles.textSpecial}>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed varius nisi, id tincidunt
                            ligula. Suspendisse vestibulum erat molestie elit suscipit, volutpat pellentesque dui
                            euismod.
                        </Text>
                    </View>
                </CollapseBody>
            </Collapse>
        </Card>
    ); ```

```     const [isCollapsed, setIsCollapsed] = useState(false);

    function changeCollapsed(collapsed: boolean) {
        if (collapsed) {
            setIsCollapsed(true);
        } else {
            setIsCollapsed(false);
        } ```

i dont have any test