hi everyone for my compose multiplatform design fo...

# general-advice

[dev]

hi everyone for my compose multiplatform design foundation Kore i have a confusion i have two api design for components in my mind which are below .
i want you all to share opinion on this or may be suggest better design.
thanks you.

// separate names for each composable current setup it is 

PrimaryButton( 
	onClick = {}
){
	Text("Primary Button")
}

SecondaryButton(    
	onClick = {}
){
	Text("Secondary Button")
}

// a single composable wraps it all and user can select varient from the param 

Button(
onClick = {}
varient = ButtonVarient.Outlined
){
	Text("Button")
}

also for other components i have different styling for example a tab group
1. Primary prominent one (it has prominent primary color so it should be used mostly in primary actions)
2. Secondary (it has the surface color less prominent than the primary so it's perfect for a tab navigation)
so i wanna give user the choice the styling is mostly same just there is a difference in colors so i can do this
• create two composable named primary tab , secondary tab
• create one tab and give a param varient : TabVarient = TabVarient.Secondary/Surface
so what would be a better api design .