File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -18,14 +18,17 @@ export default function ButtonGroupFullComponent(props) {
1818 } ;
1919
2020 const getButtonClasses = ( index ) => {
21- if ( ! selectedItems || ! Array . isArray ( selectedItems ) ) {
22- return "default-button-class" ;
23- }
24- if ( index < 0 || index >= selectedItems . length ) {
25- return "default-button-class" ;
26- }
27-
28- return selectedItems [ index ] ? "selected-class" : "unselected-class" ;
21+ const baseClasses = `flex-auto py-1 px-4 inline-flex items-center gap-x-2 text-sm
22+ font-medium focus:z-10 border border-gray-200 shadow-2xs hover:bg-[#8785ac]
23+ focus:outline-hidden disabled:opacity-50 disabled:pointer-events-none pl-8` ;
24+ const activeClass = selectedItems [ index ] ? "bg-violet-500" : "bg-transparent" ;
25+ const roundedClasses =
26+ index === 0
27+ ? "rounded-l-lg"
28+ : index === props . items . length - 1
29+ ? "rounded-r-lg"
30+ : "border-l-0" ;
31+ return `${ baseClasses } ${ activeClass } ${ roundedClasses } ` ;
2932 } ;
3033
3134 return (
You can’t perform that action at this time.
0 commit comments