open BsReactNative;

let styles =

StyleSheet.create(

Style.{

"container":

style([

borderRadius(3.),

borderWidth(1.),

borderColor(String("#d6d7da")),

backgroundColor(String("#ffffff")),

margin(Pt(10.)),

marginVertical(Pt(5.)),

overflow(Hidden),

]),

"titleContainer":

style([

borderBottomWidth(1.),

borderTopLeftRadius(3.),

borderTopRightRadius(3.),

borderBottomColor(String("#d6d7da")),

backgroundColor(String("#f6f7f8")),

paddingHorizontal(Pt(10.)),

paddingVertical(Pt(5.)),

]),

"titleText": style([fontSize(Float(14.)), fontWeight(`_500)]),

"descriptionText": style([fontSize(Float(14.))]),

"disclosure":

style([

position(Absolute),

top(Pt(0.)),

right(Pt(0.)),

padding(Pt(10.)),

]),

"disclosureIcon": style([width(Pt(12.)), height(Pt(8.))]),

"children": style([margin(Pt(10.))]),

},

);

let comp = ReasonReact.statelessComponent("RNTesterBlock");

let make = (~description, ~title, children) => {

...comp,

render: _self =>

<View style=styles##container>

<View style=styles##titleContainer>

<Text style=styles##titleText> {ReasonReact.string(title)} </Text>

{

switch (description) {

| Some(description) =>

<Text style=styles##descriptionText>

{ReasonReact.string(description)}

</Text>

| None => ReasonReact.null

}

}

</View>

{View.make(~style=styles##children, children) |> ReasonReact.element}

</View>,

};