@bolttech/atoms-segmented-control 0.1.0

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@bolttech/atoms-segmented-control",
+  "version": "0.1.0",
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./src/index.d.ts",
+  "dependencies": {},
+  "peerDependencies": {
+    "@edirect/frontend-foundations": "0.0.21",
+    "react": "18.2.0",
+    "styled-components": "5.3.6"
+  }
+}

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/atoms-segmented-control';
+export * from './lib/atoms-segmented-control.type';

package/src/lib/atoms-segmented-control.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SegmentedControlProps } from './atoms-segmented-control.type';
+export declare function SegmentedControl(props: SegmentedControlProps): JSX.Element;
+export default SegmentedControl;

package/src/lib/atoms-segmented-control.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledAtomsSegmentedControl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Option: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    pressed: boolean;
+}, never>;
+export declare const OptionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    pressed: boolean;
+}, never>;

package/src/lib/atoms-segmented-control.type.d.ts

@@ -0,0 +1,8 @@
+export interface SegmentedControlProps {
+    selected?: string | number;
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+    onSelect?: (valueSelected: string | number) => void;
+}