Double Line Separator for React

For a rare formal break: awards, legal closings, formal footers. A single thick line is the modern equivalent. Don't double every section.

gap-1 (4 pixels) keeps them together as one unit. At gap-2 they start to look like two separate lines.

Yes: give each Separator its own classes, such as a thicker top line. Two equal one-pixel lines are the traditional look.

A similar weight with a different character. Two one-pixel lines with a 4 pixel gap are about as tall as a 4 pixel line, but read as formal rather than bold.

Print has long used parallel rules on certificates and legal pages, and readers still recognize the convention.

Put the meaning in the text above or below; the pair is decoration. Both lines are exposed as separators. If one break should be announced once, use a single Separator plus a border for the second line.