import { styled } from '~/theme/stitches.config' ; export const TextDivider = styled ( 'p' , { display : 'flex' , alignItems : 'center' , textAlign : 'center' , '--text-divider-color' : '$colors$neutral6' , '&::after,&::before' : { content : `''` , flexGrow : 1 , backgroundImage : 'linear-gradient(to right, transparent 1%, var(--text-divider-color) 15%, var(--text-divider-color) 85%, transparent 99%)' , height : 1 , minWidth : '1rem' , } , variants : { align : { start : { textAlign : 'left' , '&::before' : { display : 'none' , } , } , end : { textAlign : 'right' , '&::after' : { display : 'none' , } , } , } , } , } ) ;