import { useState } from 'react';
import { PixelChip } from './PixelChip';
export function Default() {
return ;
}
export function Tones() {
return (
);
}
export function Sizes() {
return (
);
}
export function Variants() {
return (
);
}
export function Surfaces() {
return (
);
}
export function WithIcon() {
return (
TS}
/>
);
}
export function Clickable() {
return (
{
/* noop */
}}
/>
);
}
export function Deletable() {
const [visible, setVisible] = useState(true);
if (!visible) return null;
return (
setVisible(false)}
/>
);
}
export function ClickableAndDeletable() {
const [visible, setVisible] = useState(true);
if (!visible) return null;
return (
{
/* select */
}}
onDelete={() => setVisible(false)}
/>
);
}