line.tsx 721 B

123456789101112131415161718192021
  1. type LineProps = {
  2. className?: string
  3. }
  4. const Line = ({
  5. className,
  6. }: LineProps) => {
  7. return (
  8. <svg xmlns="http://www.w3.org/2000/svg" width="2" height="241" viewBox="0 0 2 241" fill="none" className={className}>
  9. <path d="M1 0.5L1 240.5" stroke="url(#paint0_linear_1989_74474)"/>
  10. <defs>
  11. <linearGradient id="paint0_linear_1989_74474" x1="-7.99584" y1="240.5" x2="-7.88094" y2="0.50004" gradientUnits="userSpaceOnUse">
  12. <stop stopColor="white" stopOpacity="0.01"/>
  13. <stop offset="0.503965" stopColor="#101828" stopOpacity="0.08"/>
  14. <stop offset="1" stopColor="white" stopOpacity="0.01"/>
  15. </linearGradient>
  16. </defs>
  17. </svg>
  18. )
  19. }
  20. export default Line