ADDED: Base slider styles and disable state of segment-button

app/page.tsx

@@ -8,10 +8,10 @@ import { CardFooter } from '../src/primitive-components/card/card-footer';
 import { CardHeader } from '../src/primitive-components/card/card-header';
 import { Typography } from '../src/primitive-components/typography/typography';
 import { CardActionArea } from '../src/primitive-components/card/card-action-area';
+import { Slider } from '../src/primitive-components/input-components/slider/slider';
 import { Button } from '../src/primitive-components/button-components/button/button';
 import { SegmentButton } from '../src/primitive-components/button-components/segmented-buttons/segment-button';
 import { SegmentedButtons } from '../src/primitive-components/button-components/segmented-buttons/segmented-buttons';
-import {Slider} from "../src/primitive-components/input-components/slider/slider";
 
 export default function Page() {
     return (
@@ -68,10 +68,11 @@ export default function Page() {
                                     >
                                         Label 2
                                     </SegmentButton>
-                                    <SegmentButton>Label 3</SegmentButton>
+                                    <SegmentButton disabled>
+                                        Label 3
+                                    </SegmentButton>
                                 </SegmentedButtons>
                                 <Slider />
-                                <Checkbox />
                             </div>
                         </CardFooter>
                     </Card>