@coin-voyage/paykit/dist/components/ui/Divider/styles.js

Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.

import { motion } from "framer-motion";
import styled from "../../../styles/styled";
export const TextWithHr = styled(motion.div) `
  user-select: none;
  position: relative;
  display: block;
  text-align: center;
  color: var(--ck-body-color-muted);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  span {
    z-index: 2;
    position: relative;
    display: inline-block;
    user-select: none;
    pointer-events: none;
    padding: 0 14px;
    background: var(--ck-body-background);
    transition: background-color 200ms ease;
  }
  ${(props) => !props.$disableHr &&
    `
  &:before {
    z-index: 2;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    transform: translateY(-1px);
    background: var(--ck-body-divider);
    box-shadow: var(--ck-body-divider-box-shadow);
  }
    `}
`;