ChipSelect

import { ChipSelect } from '@superlogica/design-system-mobile'

import * as React from 'react';
import styled from 'styled-components'
import { View } from 'react-native';
import { ChipSelect } from '@superlogica/design-system-mobile';

const Icon = styled.View`
  width: 12px;
  height: 12px;
  background-color: #2fa;
`

const YourApp = () => {
  const [checked, setChecked] = useState(false)

  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <ChipSelect text="Label" checked={checked} onPress={() => setChecked(!checked)} />
      <ChipSelect
        size="lg"
        text="Label"
        checked={checked}
        type="checkbox"
        onPress={() => setChecked(!checked)}
        badgeText="48"
        badgeColor="warning"
        badgeFontColor="neutral950"
        iconLeft={<Icon />}
        iconRight={<Icon />}
      />
    </View>
  )
}

export default YourApp;