A procedure in three steps

// apps/docs/examples/ui/steps.tsximport {Step, Steps} from '@workspace/active-ui/components/composed/steps';
/** * A procedure in a document: numbered steps with their own heading and * content. The number comes from the list; the marker repeats it. */export default function StepsExample() {  return (    <Steps className="w-full max-w-xl text-sm">      <Step>        <h3 className="mb-1 font-medium">Receive the package</h3>        <p className="text-muted-foreground">          Take the archive from the release and check its checksum.        </p>      </Step>      <Step>        <h3 className="mb-1 font-medium">Install it</h3>        <p className="text-muted-foreground">          Add it to your workspace and install the dependencies.        </p>      </Step>      <Step>        <h3 className="mb-1 font-medium">Import the styles</h3>        <p className="text-muted-foreground">          Import the package stylesheet once, in your root layout.        </p>      </Step>    </Steps>  );}