"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/typography/typographyStyles.tsx
var _react = require('@emotion/react');
var typographyStyles = ({
  /* theme, size, colorProp, */
  block: blockProp,
  hideOverflow,
  displayProp,
  textAlign,
  underline,
  onClick
}) => {
  const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
  return _react.css`
    /* Margins should always be set in parent style contexts eg Article: */
    margin: 0;

    ${typeof onClick === "function" ? "cursor: pointer;" : ""}
    ${textAlign ? `text-align: ${textAlign};` : ""}
    ${displayValue ? `display: ${displayValue};` : ""}

    /* Tokens have text-decoration set, override with !important if underline specified: */
    ${underline ? "text-decoration: underline !important;" : ""}

    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;" : ""}
  `;
};



exports.typographyStyles = typographyStyles;
