import { Chip } from '@kuppwest/apple-clean';
import { pad } from './fixtures/data';

export function Blue() {
  return <div style={pad}><Chip>Dieses Angebot</Chip></div>;
}
export function Neutral() {
  return <div style={pad}><Chip tone="neutral">Mehr Komfort</Chip></div>;
}
export function Both() {
  return (
    <div style={{ ...pad, display: 'flex', gap: 12 }}>
      <Chip>Dieses Angebot</Chip>
      <Chip tone="neutral">Mehr Komfort</Chip>
      <Chip tone="neutral">Abnehmbar</Chip>
    </div>
  );
}