export default /*tw*/ {
  dot: {
    base: "rounded-full bg-{color}",
    variants: {
      size: {
        xs: "size-1",
        sm: "size-1.5",
        md: "size-2",
        lg: "size-2.5",
        xl: "size-3",
      },
    },
  },
  defaults: {
    color: "primary",
    size: "md",
  },
};