// components/Steps.js
import { Tag } from "sigpro";

export const Steps = (props, children) => {
  const { class: className, ...rest } = props;
  return Tag("ul", {
    ...rest,
    class: `steps ${className || ''}`.trim()
  }, children);
};

export const Step = (props, children) => {
  const { class: className, dataContent, ...rest } = props;
  return Tag("li", {
    ...rest,
    class: `step ${className || ''}`.trim(),
    "data-content": dataContent
  }, children);
};