Variant Selector

'use client';
import { useState } from 'react';
import { VariantSelector } from '@/app/registry/ui/components/variant-selector/variant-selector';
 
export function DefaultVariantSelector() {
  const [selectedValue, setSelectedValue] = useState('sm');
  const options = [
    {
      value: 'sm',
      label: 'sm',
    },
    {
      value: 'md',
      label: 'md',
    },
    {
      value: 'lg',
      label: 'lg',
    },
    {
      value: 'xl',
      label: 'xl',
    },
  ];
 
  const onChange = (value: string) => {
    setSelectedValue(value);
  };
 
  return (
    <VariantSelector
      options={options}
      value={selectedValue}
      onChange={onChange}
    />
  );
}