ADDED: Segmented buttons component

TODO: Styles for SB component

app/page.tsx

@@ -1,4 +1,4 @@
-import { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import Fabs from './components/fabs';
 import Badges from './components/badges';
 import Radios from './components/radios';
@@ -7,6 +7,10 @@ import Switches from './components/switches';
 import Checkboxes from './components/checkboxes';
 import IconButtons from './components/icon-buttons';
 import { TextFields } from './components/text-fields';
+import {
+    ButtonLayout,
+    SegmentedButtons,
+} from '../src/primitive-components/components';
 
 export default function Page() {
     return (
@@ -40,6 +44,14 @@ export default function Page() {
                     <Fabs />
                     <Badges />
                 </div>
+                <SegmentedButtons>
+                    <ButtonLayout>
+                        <span>Segment 1</span>
+                    </ButtonLayout>
+                    <ButtonLayout>
+                        <span>Segment 1</span>
+                    </ButtonLayout>
+                </SegmentedButtons>
             </div>
         </Fragment>
     );