import React from 'react'; import { PixelIconFrame } from './PixelIconFrame'; const Glyph = () => ( {'>_'} ); const Dot = () => ( ); export function Default() { return } />; } export function Tones() { return (
} tone="neutral" /> } tone="cyan" /> } tone="green" /> } tone="gold" /> } tone="red" /> } tone="purple" /> } tone="pink" />
); } export function Sizes() { return (
} size={48} /> } size={56} /> } size={64} /> } size={80} /> } size={112} />
); } export function Shapes() { return (
} shape="square" /> } shape="rounded" /> } shape="circle" />
); } export function WithAccent() { return ( } tone="cyan" accent={{ icon: , position: 'top-right' }} /> ); }