bfef22b33e
**What** - Updates GC manage page to use product page sections - Revamps Denomination section - Updates the location of several components to reflect that they are now shared between the GC and products domain   Resolves CORE-1089
31 lines
762 B
TypeScript
31 lines
762 B
TypeScript
import * as RadixSwitch from "@radix-ui/react-switch"
|
|
import clsx from "clsx"
|
|
import React from "react"
|
|
|
|
/**
|
|
* A controlled switch component atom.
|
|
*/
|
|
const Switch = React.forwardRef<HTMLButtonElement, RadixSwitch.SwitchProps>(
|
|
(props, ref) => {
|
|
return (
|
|
<RadixSwitch.Root
|
|
ref={ref}
|
|
{...props}
|
|
className={clsx(
|
|
"transition-bg radix-state-checked:bg-violet-60 h-[18px] w-8 rounded-full bg-gray-300"
|
|
)}
|
|
>
|
|
<RadixSwitch.Thumb
|
|
className={clsx(
|
|
"radix-state-checked:translate-x-[19px] block h-2 w-2 translate-x-[5px] rounded-full bg-white transition-transform"
|
|
)}
|
|
/>
|
|
</RadixSwitch.Root>
|
|
)
|
|
}
|
|
)
|
|
|
|
Switch.displayName = "Switch"
|
|
|
|
export default Switch
|