horizontal-line.tsx 753 B

123456789101112131415161718192021
  1. type HorizontalLineProps = {
  2. className?: string
  3. }
  4. const HorizontalLine = ({
  5. className,
  6. }: HorizontalLineProps) => {
  7. return (
  8. <svg xmlns="http://www.w3.org/2000/svg" width="240" height="2" viewBox="0 0 240 2" fill="none" className={className}>
  9. <path d="M0 1H240" stroke="url(#paint0_linear_8619_59125)"/>
  10. <defs>
  11. <linearGradient id="paint0_linear_8619_59125" x1="240" y1="9.99584" x2="3.95539e-05" y2="9.88094" gradientUnits="userSpaceOnUse">
  12. <stop stopColor="white" stopOpacity="0.01"/>
  13. <stop offset="0.9031" 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 HorizontalLine