@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 from "styled-components";
import { StyledText } from "../Text";
import { StyledHeading } from "../Heading";
const StyledTruncate = styled.div.withConfig({
  displayName: "Truncate__StyledTruncate",
  componentId: "sc-dt0gd1-0"
})(["", ";"], ({
  maxWidth
}) => `
    min-width: 0;
    flex: 0 1 ${maxWidth === "none" ? "100%" : maxWidth};
    max-width: ${maxWidth};
  `);
const StyledTruncateContent = styled.div.withConfig({
  displayName: "Truncate__StyledTruncateContent",
  componentId: "sc-dt0gd1-1"
})(["&,", ",", "{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], StyledText, StyledHeading);
const Truncate = ({
  children,
  maxWidth = "100%",
  dataTest
}) => /*#__PURE__*/React.createElement(StyledTruncate, {
  maxWidth: maxWidth,
  "data-test": dataTest
}, /*#__PURE__*/React.createElement(StyledTruncateContent, null, children));
export default Truncate;