import React from "react";

import Box from "../Box";
import Text from "../Text";
import Button from "../Button";

export const ChildComponent = (
  <Box padding="20px">
    <Box flexDirection="Column" padding="zero">
      <Text>Tool Name</Text>
      <Text>Salesforce</Text>
    </Box>
    <Box flexDirection="Column" marginLeft="30px" padding="zero">
      <Text>Last edited</Text>
      <Text>23rd June 2021</Text>
    </Box>
    <Box marginLeft="80px" padding="zero" alignItems="center">
      <Text>Configured</Text>
    </Box>
    <Box marginLeft="30px" padding="zero">
      <Button>Edit</Button>
    </Box>
  </Box>
);
