label-studio/src/components/Segment/Segment.js

Data Labeling Tool that is backend agnostic and can be embedded into your applications

import React from "react";
import { PropTypes } from "prop-types";

import styles from "./Segment.module.scss";

/**
 * Segment Component
 */
export default class Segment extends React.Component {
  render() {
    let cn = styles.block;
    if (this.props.className) cn = cn + " " + this.props.className;

    return <div className={cn}>{this.props.children}</div>;
  }
}

Segment.propTypes = {
  children: PropTypes.array.isRequired,
};