// a named export, imported by its exact name
export function Badge() {
  return <span className="badge">new</span>;
}

// the default export, imported under any name
export default function Card() {
  return (
    <div>
      <Badge />
    </div>
  );
}

a file can have one default and many named exports