<commit_before>import React from 'react';
import { Animated, View, Button, TouchableOpacity, Text } from 'react-native';

import { height, width } from '../global';

export class FluidCard extends React.Component {
  state = {
    fade: new Animated.Value(0),
  };

  componentWillMount() {
    Animated.timing(this.state.fade, {
      toValue: 1,
      duration: 2000,
    }).start();
  }

  render() {
    this.style.height = this.props.height;

    return (
      <Animated.View style={this.style}>
        {this.props.children}
      </Animated.View>
    );
  }

  style = {
    top: height * 0.08,
    width: width * 0.8,
    shadowOffset: { width: 0, height: 0 },
    shadowRadius: 15,
    shadowColor: '#000',
    shadowOpacity: 0.1,
    padding: width * 0.04,
    alignSelf: 'center',
    borderRadius: 15,
    backgroundColor: '#fff',
    justifyContent: 'center',
    alignItems: 'center',
    opacity: this.state.fade,
  };
}
<commit_msg>allow extra styles to be applied<commit_after>import React from 'react';
import { Animated, View, Button, TouchableOpacity, Text } from 'react-native';

import { height, width } from '../global';

export class FluidCard extends React.Component {
  render() {
    this.style.height = this.props.height;
    return (
      <Animated.View style={[this.style, this.props.style]}>
        {this.props.children}
      </Animated.View>
    );
  }

  style = {
    width: width * 0.8,
    shadowOffset: { width: 0, height: 0 },
    shadowRadius: 15,
    shadowColor: '#000',
    shadowOpacity: 0.1,
    padding: width * 0.04,
    alignSelf: 'center',
    borderRadius: 15,
    backgroundColor: '#fff',
    justifyContent: 'center',
    alignItems: 'center',
  };
}

{'fraction_non_alphanumeric': 0.14654161781946073, 'fraction_numerical': 0.02403282532239156, 'mean_word_length': 2.8359550561797753, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4200509', 'n_tokens_mistral': 593, 'n_tokens_neox': 556, 'n_words': 138}