@kiwicom/orbit-components/es/Truncate/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import * as React from "react";
import styled, { css } from "styled-components";
import { StyledText } from "../Text";
import { StyledHeading } from "../Heading";
const StyledTruncate = styled.div.withConfig({
  displayName: "Truncate__StyledTruncate",
  componentId: "jwxsw1-0"
})(["min-width:0;", ";"], ({
  maxWidth
}) => css(["flex:0 1 ", ";max-width:", ";"], maxWidth === "none" ? "100%" : maxWidth, maxWidth));
const StyledTruncateContent = styled.div.withConfig({
  displayName: "Truncate__StyledTruncateContent",
  componentId: "jwxsw1-1"
})(["&,", ",", "{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], StyledText, StyledHeading);

const Truncate = ({
  children,
  maxWidth = "100%",
  dataTest
}) => React.createElement(StyledTruncate, {
  maxWidth: maxWidth,
  "data-test": dataTest
}, React.createElement(StyledTruncateContent, null, children));

export default Truncate;