vertical-line.tsx 750 B

123456789101112131415161718192021
  1. type VerticalLineProps = {
  2. className?: string
  3. }
  4. const VerticalLine = ({
  5. className,
  6. }: VerticalLineProps) => {
  7. return (
  8. <svg xmlns="http://www.w3.org/2000/svg" width="2" height="132" viewBox="0 0 2 132" fill="none" className={className}>
  9. <path d="M1 0L1 132" stroke="url(#paint0_linear_8619_59128)"/>
  10. <defs>
  11. <linearGradient id="paint0_linear_8619_59128" x1="-7.99584" y1="132" x2="-7.96108" y2="6.4974e-07" gradientUnits="userSpaceOnUse">
  12. <stop stopColor="white" stopOpacity="0.01"/>
  13. <stop offset="0.877606" stopColor="#101828" stopOpacity="0.04"/>
  14. <stop offset="1" stopColor="white" stopOpacity="0.01"/>
  15. </linearGradient>
  16. </defs>
  17. </svg>
  18. )
  19. }
  20. export default VerticalLine