"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = exports.StyledCopyTypography = exports.StyledTypography = void 0;
const CopyTypography_1 = require("../../CopyTypography");
const styled_1 = require("../../styled");
const Typography_1 = require("../../Typography");
exports.StyledTypography = (0, styled_1.styled)(Typography_1.Typography, {
    shouldForwardProp: (prop) => !['$canCopy', '$leader', '$direction'].includes(prop),
}) `
  cursor: ${({ $canCopy }) => ($canCopy ? 'pointer' : 'default')};

  overflow: hidden;

  hyphens: auto;
  text-align: ${({ $leader }) => ($leader ? 'right' : 'left')};
  overflow-wrap: break-word;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    text-align: ${({ $direction }) => $direction !== 'row' ? 'left' : 'right'};
  }

  &:hover {
    text-decoration: ${({ $canCopy }) => ($canCopy ? 'underline' : 'none')};
  }
`;
exports.StyledCopyTypography = (0, styled_1.styled)(CopyTypography_1.CopyTypography, {
    shouldForwardProp: (prop) => !['$leader', '$direction'].includes(prop),
}) `
  hyphens: auto;
  text-align: ${({ $leader }) => ($leader ? 'right' : 'left')};
  overflow-wrap: break-word;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    text-align: ${({ $direction }) => $direction !== 'row' ? 'left' : 'right'};
  }
`;
exports.Wrapper = styled_1.styled.dd `
  overflow: hidden;

  margin: 0;
`;
